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

three dots dropdown menu bootstrap

Jose Ricardo Medina answered on July 6, 2022 Popularity 9/10 Helpfulness 7/10

answer three dots dropdown menu bootstrap

three dots dropdown menu bootstrap

Comment

<div class="d-flex">
  <div class="dropdown mr-1">
    <button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuOffset" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10,20">
      Offset
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuOffset">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
    </div>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-secondary">Reference</button>
    <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
      <span class="sr-only">Toggle Dropdown</span>
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">Separated link</a>
    </div>
  </div>
</div>

Popularity 9/10 Helpfulness 7/10 Language typescript

Source: getbootstrap.com

Tags: dropdown typescript

Link to this answer
Share Copy Link

Contributed on Jul 06 2022

Jose Ricardo Medina

0 Answers Avg Quality 2/10

three dots dropdown menu bootstrap

Contents

More Related Answers

three dots dropdown menu bootstrap

Grepper

Documentation

Social

Legal

Contact

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