JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div> 
<nav class="navbar navbar-default " data-spy="affix">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">Nurse Page</a>
        </div>
       
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">
		<i class="glyphicon glyphicon-user"></i>
		Nurse Name <span class="caret"></span></a>
          <ul class="dropdown-menu">
		<!--/. doctor options	 -->
	
            <li><a href="#">Logout</a></li>
            
          </ul>
        </li>
          </ul>
        </div><!--/.nav-collapse -->
    </nav> 
</div>
<div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div><div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>
     <div>
    <h2>Some content to scroll<h2>
 <div>