Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Ashesh Kumar

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header navbar-logo">
            <a href="#"><img src="http://placehold.it/140x75" class="img-responsive navlogo" alt="logo here"></a>
        </div>
        <div class="navbar-links">
          <ul class="list-inline nav navbar-nav navbar-right navbar-list">
              <li><a href="#" style="color: black; font-weight: bold;">FAQ</a></li>
              <li><a href="#" style="color: black; font-weight: bold;">Contact</a></li>
              <li><a href="#" style="color: black; font-weight: bold">Policies</a></li>
              <li><a href="#" style="background-color: #9e1d2a; color: white">For Users</a></li>
              <li style="padding-top: 0px; padding-left: 15px"><a data-toggle="collapse" href="#nav-search-collapse" aria-expanded="false" aria-controls="nav-collapse3"><i class="glyphicon glyphicon-search"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="collapse" id="nav-search-collapse">
          <ul class="list-inline navbar-list-form">
            <li><form class="navbar-form" role="form" method="get" action="#">
              <div class="input-group">
                <input type="Search" placeholder="Search Data" class="form-control" name="q">
                  <div class="input-group-btn">
                    <button class="btn btn-primary">
                      <span class="glyphicon glyphicon-search"></span>
                    </button>
                  </div>
              </div>
            </form></li>
            <li><form class="navbar-form" role="form" method="get" action="#">
              <div class="input-group">
                <span class="input-group-addon">wwww.</span>
                <input...

CSS

/* Latest compiled and minified CSS included as External Resource*/

.navbar-list {
	padding-top: 5px;
}

.navbar-list li{
	font-size: 16px;
}

#nav-search-collapse {
	width:100%;
 	margin: 0 auto;
    text-align:center;
}

.navbar-list-form {
 display:inline-block;
 padding: 0;
}

@media (min-width: 0px) and (max-width: 1000px) {
    .navbar-header{
    	float: left;
    	width: 100%;
    } 
    .navbar-links {
        float: left;
        width: 100%;
    }
}

@media (max-width: 1000px) and (min-width: 0px) {
    .navbar-links {
        text-align: center;
    }
    .nav>li {
        display: inline;
    }
    .nav>li>a {
        display: inline;
    }
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */