Bootstrap Tutorial - Create navbar with brand








The following code shows how to create navbar with brand.

Example

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.navbar .nav>li {
  float: none;
  display: inline-block;
  vertical-align: top;
}<!--   ww  w.ja va2s.c  o m-->
</style>
</head>
<body style='margin:30px'>
  <div class="row">
    <div class="col-12">
      <div class="navbar">
        <div class="navbar-inner">
          <a class="brand" href="#">Title</a>
          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

Click to view the demo