نوار هدایتی ثابت

نوار هدایتی همچنین می تواند در بالا یا پایین یک صفحه، به صورت ثابت قرار بگیرد.

یک نوار هدایتی ثابت، همواره در یک مکان ثابت(بالا یا پایین صفحه) به طور مستقل از اسکرول کردن، قابل رویت می باشد.

کلاس navbar-fixed-top. یک نوار هدایتی ثابت را در بالای صفحه ایجاد می کند:

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

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">نام وبسایت</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">خانه</a></li>
        <li><a href="#">صفحه 1</a></li>
        <li><a href="#">صفحه 2</a></li> 
        <li><a href="#">صفحه 3</a></li> 
      </ul>
    </div>
  </div>
</nav>

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

کلاس navbar-fixed-bottom. یک نوار هدایتی ثابت را در پایین ایجاد می کند:

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

<nav class="navbar navbar-inverse navbar-fixed-bottom">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">نام وبسایت</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">خانه</a></li>
        <li><a href="#">صفحه 1</a></li>
        <li><a href="#">صفحه 2</a></li> 
        <li><a href="#">صفحه 3</a></li> 
      </ul>
    </div>
  </div>
</nav>

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