Отзывчивый вкладка BootStrap 4 - PullRequest
Новая
       6

Отзывчивый вкладка BootStrap 4

0 голосов
/ 20 ноября 2018

Я использую приведенный ниже код для вкладки BootStrap 4. 

<ul class="nav nav-tabs font-weight-bold">
    <li class="nav-item">
        <a class="nav-link  active" href="#details" data-toggle="tab">Page Details</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#content" data-toggle="tab">Page Content</a>
    </li>
</ul>
<div class="tab-content">
   <div role="tabpanel" class="tab-pane active" id="details">Page Details</div>
   <div role="tabpanel" class="tab-pane fade" id="content">Page Content</div>
</div>

Как мне сделать так, чтобы эти вкладки были видны даже при высоте 100 пикселей и ширине 100 пикселей?

1 Ответ

0 голосов
/ 20 ноября 2018

используйте это 

<ul class="nav flex-column">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Disabled</a>
  </li>
</ul>

последний загрузчик 4. + обновление navs, работает на всех экранах

Сжимается до горизонтального вида, если вы опускаетесь ниже 300px

ссылка для последней версии начальной загрузки

https://getbootstrap.com/

...