Breaking News: Grepper is joining You.com. Read the official announcement!

Bootstrap Offcanvas

Arrogant Addax answered on June 19, 2021 Popularity 10/10 Helpfulness 2/10

answer Bootstrap Offcanvas

related bootstrap offcanvas

Bootstrap Offcanvas

Comment

<a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
  Link with href
</a>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
  Button with data-bs-target
</button>

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <div>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </div>
    <div class="dropdown mt-3">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown">
        Dropdown button
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <li><a class="dropdown-item" href="#">Action</a></li>
        <li><a class="dropdown-item" href="#">Another action</a></li>
        <li><a class="dropdown-item" href="#">Something else here</a></li>
      </ul>
    </div>
  </div>
</div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: getbootstrap.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 10 2022

Arrogant Addax

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap offcanvas

Comment

<button class="btn btn-primary" data-bs-toggle="offcanvas" data-bs-target="#mobile-nav">
    Link with href
</button>
<ul id="mobile-nav" class="offcanvas offcanvas-start">
</ul>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 19 2021

Concerned Chamois

0 Answers Avg Quality 2/10

Bootstrap Offcanvas

Contents

More Related Answers

Bootstrap Offcanvas

Closely Related Answers

bootstrap offcanvas

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.