بورداش - قالب داشبرد ادمین

نویگیشن‌ پایه

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

نویگیشن‌ افقی

<ul class="nav justify-content-center">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

<ul class="nav justify-content-end">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

نویگیشن‌ عمودی

<ul class="nav flex-column">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

تب ها

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

پیل ها

<ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

پر و جاستیفای

<ul class="nav nav-pills nav-fill">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک طولانی تر </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

تب با دراپ‌داون

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
       aria-haspopup="true" aria-expanded="false">دراپ‌داون</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">فعالیت</a>
      <a class="dropdown-item" href="#">فعالیت دیگر</a>
      <a class="dropdown-item" href="#">یک فعالیت دیگر<</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">لینک مجزا</a>
    </div>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

پیل با دراپ‌داون

<ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link active" href="#">فعال</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
       aria-haspopup="true" aria-expanded="false">دراپ‌داون</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">فعالیت</a>
      <a class="dropdown-item" href="#">فعالیت دیگر</a>
      <a class="dropdown-item" href="#">یک فعالیت دیگر<</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">لینک مجزا</a>
    </div>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">لینک</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">غیرفعال</a>
  </li>
</ul>

گفت‌گوها

اطلاعیه‌ها

تنظیمات

رکسانا رادمهر

حافظه %25

نویگیشن‌ها

نویگیشن‌ پایه

نویگیشن‌ افقی

نویگیشن‌ عمودی

تب ها

پیل ها

پر و جاستیفای

تب با دراپ‌داون

پیل با دراپ‌داون