قرص های عمودی

قرص ها همچنین می توانند به صورت عمودی نمایش داده شوند. فقط کافی است که کلاس nav-stacked. را اضافه کنید.

مثال زیر منوی قرصی عمودی را درون آخرین ستون قرار می دهد. بنابراین در یک صفحه ی نمایش بزرگ، منوی مورد نظر در سمت راست نمایش داده می شود. اما در یک صفحه نمایش کوچک، محتوا به طور اتوماتیک خودش را به صورت تک ستونه تنظیم می کند.

مثال (گزینه منو)

<div class="col-md-3">
  <ul class="nav nav-pills nav-stacked">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
  </ul>
</div>

خودتان امتحان کنید »