Bootstrap Skeleton

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

by shaneburgess

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="row">
 <div id="navbar-example" class="navbar span12">
   <div class="navbar-inner">
      <div class="container" style="width: auto;">
         <ul class="nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">MyDropdown<b class="caret"></b></a>
                <ul class="dropdown-menu" id="distrlist">
                 <li class="dropdown-submenu">
                   <a tabindex="-1" href="#">Submenu1</a>
                  <ul class="dropdown-menu">
                      <li><a tabindex="-1" href="#">Action 1</a></li>
                      <li><a tabindex="-1" href="#">Action 2</a></li>
                      <li><a tabindex="-1" href="#">Action 3</a></li>
                      <li><a tabindex="-1" href="#">Action 4</a></li>
                      <li><a tabindex="-1" href="#">Action 5</a></li>
                      <li><a tabindex="-1" href="#">Action 6</a></li>
                      <li><a tabindex="-1" href="#">Action 7</a></li>
                      <li><a tabindex="-1" href="#">Action 8</a></li>
                      <li><a tabindex="-1" href="#">Action 9</a></li>
                </ul>
                 </li>       
                 
                  <li class="dropdown-submenu">
                   <a tabindex="-1" href="#">Submenu2</a>
                  <ul class="dropdown-menu">
                      <li><a tabindex="-1" href="#">Action 1</a></li>
                      <li><a tabindex="-1" href="#">Action 2</a></li>
                      <li><a tabindex="-1" href="#">Action 3</a></li>
                      <li><a tabindex="-1" href="#">Action 4</a></li>
                      <li><a tabindex="-1" href="#">Action 5</a></li>
                      <li><a tabindex="-1" href="#">Action 6</a></li>
                      <li><a tabindex="-1" href="#">Action 7</a></li>
                      <li><a...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}
.dropdown-menu .dropdown-menu {
max-height: 200px;
//max-width: 100px;
//overflow-y: auto;
overflow-x:auto;
//z-index:999999;
}