<body>
<script src="../assets/js/bsa.js"></script>
- <div class="navbar navbar-fixed-top">
+ <div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="../" class="navbar-brand">Bootswatch</a>
<li><a tabindex="-1" href="../united/">United</a></li>
</ul>
</li>
+ <li>
+ <a href="../help/">Help</a>
+ </li>
+ <li>
+ <a href="http://news.bootswatch.com">Blog</a>
+ </li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">Download <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="download">
<li><a tabindex="-1" href="./bootswatch.less">bootswatch.less</a></li>
</ul>
</li>
- <li>
- <a href="../help/">Help</a>
- </li>
- <li>
- <a href="http://news.bootswatch.com">Blog</a>
- </li>
</ul>
<ul class="nav navbar-nav navbar-right">
</div>
<div class="bs-example">
- <div class="navbar">
+ <div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<div class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<h1 id="tables">Tables</h1>
</div>
- <div class="bs-example">
+ <div class="bs-example table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<div class="col-lg-12">
<h2>Alerts</h2>
<div class="bs-example">
- <div class="alert alert-dismissable">
+ <div class="alert alert-dismissable alert-warning">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Warning!</h4>
<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
</div>
<div class="row">
<div class="col-lg-4">
- <div class="panel">
+ <div class="panel panel-default">
<div class="panel-body">
Basic panel
</div>
</div>
- <div class="panel">
+ <div class="panel panel-default">
<div class="panel-heading">Panel heading</div>
<div class="panel-body">
Panel content
</div>
</div>
- <div class="panel">
+ <div class="panel panel-default">
<div class="panel-body">
Panel content
</div>