Bootstrap Skeleton

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

by ravimallya

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://www.designchemical.com/lab/wp-content/themes/dclab/js/jquery.dcmegamenu.1.3.2.js"></script>
<div class="container">
        <div class="span2">
            <ul class="nav nav-tabs nav-stacked">
            
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown
                   </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a>
                        
                            <ul>
                                   <li><a href="#">Another action</a> </li>
                        <li><a href="#">Separated link</a> </li>
                        <li><a href="#">One more separated link</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Another action</a> </li>
                        <li><a href="#">Separated link</a> </li>
                        <li><a href="#">One more separated link</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Another action</a> </li>
                        <li><a href="#">Separated link</a> </li>
                        <li><a href="#">One more separated link</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Another action</a> </li>
                        <li><a href="#">Separated link</a> </li>
                        <li><a href="#">One more separated link</a> </li>
                        <li><a href="#">Action</a> </li>
                        <li><a href="#">Another action</a> </li>
                        <li><a href="#">Separated link</a> </li>
                        <li><a href="#">One more separated link</a> </li>
         ...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 .container {
    margin-top: 10px;
}

JavaScript

$('.dropdown-menu').dcMegaMenu({
		rowItems: '4',
		speed: 'fast',
		effect: 'fade'
	});