Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<nav role="navigation" class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target="#my-nav" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar">&nbsp;</span>
                <span class="icon-bar">&nbsp;</span>
                <span class="icon-bar">&nbsp;</span>
            </button>
            <a href="#" class="navbar-brand">
                <img src="/media/img/header-logo.png" />
            </a>
        </div>

        <div class="collapse navbar-collapse" id="my-nav">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="#">ABOUT US</a>
                </li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">INDUSTRIES</a>
                    <ul class="dropdown-menu">
                        <div class="dropdown-menu-triangle hidden-xs">
                            &nbsp;
                        </div>
                        <div class="dropdown-menu-bar hidden-xs">&nbsp;</div>
                        <li>
                            <a href="#">Technology</a>
                        </li>
                        <li>
                            <a href="#">Corporate</a>
                        </li>
                        <li>
                            <a href="#">Consumer</a>
                        </li>
                        <li>
                            <a href="#">Professional Services</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">SERVICES</a>
                </li>
                <li>
                    <a href="#">INSIGHTS</a>
                </li>
    ...

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.navbar-default {
  background-color: white;
  border-color: white;
  margin: 0; }
  .navbar-default .navbar-brand {
    color: black;
    padding-left: 35px; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: black; }
  .navbar-default .navbar-text {
    color: black; }
  .navbar-default .navbar-nav > li > a {
    font-family: "FuturaStd-Light";
    font-size: 13px;
    line-height: 40px;
    color: black; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: black; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
    background-color: white; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: black;
    background-color: white; }
  .navbar-default .navbar-toggle {
    border-color: white; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: white; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: black; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border: none; }
  .navbar-default .navbar-link {
    color: black; }
    .navbar-default .navbar-link:hover {
      color: black; }
  .navbar-default .navbar-right {
    padding-right: 35px; }
    .navbar-default .navbar-right .icon {
      color: #c1c0c0;
      font-size: 18px;
      margin-left: 30px;
      padding-top: 25px; }
  .navbar-default .dropdown-menu > li > a {
    font-family: "FuturaStd-Light";
    font-size: 13px;
    padding: 15px; }
  .navbar-default .navbar-center {
    margin: 0 auto; }

@media (min-width: 768px) {
  .navbar-nav > li > .dropdown-menu {
    margin-top: -10px; }

  .dropdown-menu-bar {
    height: 5px;
   ...