Горизонтальные иконки всплывающие на начальной загрузке?

Question

Горизонтальные иконки всплывающие при загрузке.Как создать кнопку в Bootstrap, когда во всплывающем окне нажмите значок и показывает горизонтальный значок, как на картинке (когда я нажимаю на кнопку с кружком, затем открываю значок)?

Answer 1

Вы можете использовать выпадающие кнопки, смотрите здесь .Затем добавьте значки в теги ссылок <a></a>.последние вещи делают dropdown-item встроенным.

 <ul class="nav nav-pills">
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
    </div>
  </li>
</ul>

В добавленной мной ссылке есть вся документация, которая необходима для этого.хорошо провести время!