Bootstrap navbar-inverse Class: গাড় কালো ন্যাভবার

.navbar-inverse ক্লাস ব্যবহার করে কালো পটভূমি এবং সাদা টেক্সটযুক্ত উল্টো রঙের ন্যাভবার তৈরি করা যায়। এটি .navbar ক্লাসের সাথে যোগ করে ব্যবহার করা হয়।

উদাহরণ

নিচের কোডে একটি ইনভার্স ন্যাভবার ড্রপডাউন মেনুসহ দেখানো হয়েছে:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Example</title>
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="/scripts/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body>
    <nav class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">TutorialsPoint</a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">iOS</a></li>
          <li><a href="#">SVN</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              Java <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">JMeter</a></li>
              <li><a href="#">EJB</a></li>
              <li><a href="#">Jasper Report</a></li>
              <li class="divider"></li>
              <li><a href="#">Separated link</a></li>
              <li class="divider"></li>
              <li><a href="#">One more separated link</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </body>
</html>

নোট: Bootstrap 4-এ navbar-inverse বাদ দিয়ে navbar-dark bg-dark ব্যবহার করা হয়।