Bootstrap 3 Skeleton

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
	<div class="navbar">
    <div class="container">

      <!-- Static navbar -->
      <div class="navbar-default">
      
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
         	<strong>Phone</strong> <span class="contacts">021 913 0643</span><br>
            <span class="details"><strong>Email</strong> </span> <a class="contacts" href="#">info@acaciahouse.co.za </a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Home</a></li>
            <li><a href="#">FACILITIES<br/>
          SERVICES</a></li>
            <li><a href="#">BEDROOMS</a></li>
            <li><a href="#">RATEs <br/>
          & BOOKINGS</a></li>
            <li><a href="#">SURROUNDING<br/>
          ATTRACTIONS</a></li>
            <li><a href="#">CONTACT US</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>

    </div> <!-- /container -->
    </div>

CSS

@import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
.navbar{
    background: #331a00;
}
.navbar ul li a{
    color: #ffffff !important;
    text-transform: uppercase;
 }
.navbar .navbar-default {
    background:none;
    border:0;
}

.navbar ul.navbar-right li a:hover{
    background:#000000;
}
@media (min-width: 768px){
  .navbar ul li a{
    text-align:center;
  }
  .navbar-nav.navbar-right li{
    display:table;
    min-height:90px;
  }
  .navbar-nav.navbar-right li a{
    display:table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 767px){
  .navbar-nav.navbar-right li{
    display:table;
    width:100%;
    min-height:60px;
  }
  .navbar-collapse{
    max-height: inherit;
  }
  .navbar-nav.navbar-right li a{
    display:table-cell;
    vertical-align: middle;
  }
}