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
  • …
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
​
<div class="row">
    <div class="container">
        <div class="col-md-2" style="background:yellow;">
            <img src="http://i.stack.imgur.com/jBli3.png" class="img-responsive"/>
        </div>
​
        <nav class="navbar col-md-10" style="background:red;">
            <div class="container">
                <div id="menuDropdown">
                    <ul>
                        <li><a href="#">Item 1</a></li>
                        <li><a href="#">Item 2</a>
                            <ul>
                                <li><a href="#">sub-item 1</a></li>
                                <li><a href="#">sub-item 2</a></li>
                                <li><a href="#">sub-item 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Item 3</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
​
<div class="container">
  <div class="row">
    <div class="col-lg-12" style="background:#00FF00;">
        <h3>Hi !</h3>
      <p>Hello, world!
​
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
    </div> 
  </div>
</div>
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers