JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!------------------------------------------->
<div id="Intro">
<p style="margin-left:114px; padding:5px;">Welcome to our new and Mana Aravathi.</p>
</div>
<!------------------------------------------->
<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="" class="navbar-brand">Logo</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">
        <li>
          <a href="#" class="active">Know Aravathi</a>
        </li>
				<li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Food and dining <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a href="#">Local Dishes</a></li>
	          <li><a href="#">Food Festivals</a></li>
	          <li><a href="#">Dining Out</a></li>
	        </ul>
	      </li>
        <li>
          <a href="#">Business</a>
        </li>
        <li>
          <a href="#">Hotels</a>
        </li>
        <li>
          <a href="#">Festival and events
</a>
        </li>
      </ul>
    </nav>
  </div>
</header>
<div class="main">
    <img src="http://www.jssor.com/img/landscape/11.jpg" /> 
</div>

CSS

.navbar-inverse .navbar-nav>li>a{
 color:white;
}
.navbar-fixed-top {
top: 30px;
}
  
#Intro {
top: 0;
position: fixed;
height: 30px;
width: 100%;
background-color: #43AC6A;
border-color: #3a945b;
color: #FFFFFF;
}

.main
{margin-top:100px}