Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  <head>
<link href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
​
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
​
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">      
​
    <title></title>
  </head>
  <body>
    <div class="container">
      <header>
        <nav>
          <button class="menu-trigger">
            <span class="burger"></span>
            <span class="burger"></span>
            <span class="burger"></span>
          </button>
          <ul class="menu">
            <li class="active"><a href="#">Link</a>
            </li>
            <li><a href="#">Link 2</a>
            </li>
            <li class="dropdown-trigger"><a href="#">Dropdown<span class="caret"></span></a>
              <ul>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link 2</a></li>
                <li><a href="#">Link 3</a></li>
              </ul>
            </li>
            <li><a href="#">Link 3</a>  
          </ul>
        </nav>
      </header>         
    </div>      
    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  </body>
</html>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers