JSFiddle - React, Tailwind, and code Playground

by Igor_Ivancha

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="row" align="center">
  <div class="col-md-12">
    <div class="container">
      <div class="row">
        <div class="col-md-9 col-md-push-3">
          //Here some content
        </div>
        <div class="col-md-3 col-md-pull-9">
          <nav class="navbar navbar-default navbar-collapse">
            <div class="container-fluid">
              <ul class="nav navbar-nav">
                <li><a href="#">option1</a></li>
                <li><a href="#">option2</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">option3 <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">number1</a></li>
                    <li><a href="#">number2</a></li>
                  </ul>
                </li>
                <li><a href="#">option4</a></li>
              </ul>
            </div>
            <!-- /.container-fluid -->
          </nav>
        </div>
      </div>
    </div>
  </div>
</div>