<!-- Le styles -->
<link href="bootstrap.min.css" rel="stylesheet">
- <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
+ <link href="../default/bootstrap-responsive.min.css" rel="stylesheet">
<link href="../css/docs.css" rel="stylesheet">
<script type="text/javascript">
</head>
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
+ <script src="../js/bsa.js"></script>
<!-- Navbar
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
- <h1>Cyborg</h1>
- <p class="lead">A preview of changes in this swatch.</p>
+ <div class="row">
+ <div class="span6">
+ <h1>Cyborg</h1>
+ <p class="lead">A preview of changes in this swatch.</p>
+ </div>
+ <div class="span6">
+ <div class="bsa well">
+ <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
+ <div class="clearfix"><a href="http://adpacks.com" id="bsap_aplink">via Ad Packs</a></div>
+ </div>
+ </div>
+ </div>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#typography">Typography</a></li>
================================================== -->
<section id="navbar">
<div class="page-header">
- <h1>Navbar</h1>
+ <h1>Navbars</h1>
</div>
<div class="navbar">
<div class="navbar-inner">
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
+ <div class="navbar navbar-inverse">
+ <div class="navbar-inner">
+ <div class="container" style="width: auto;">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ <form class="navbar-search pull-left" action="">
+ <input type="text" class="search-query span2" placeholder="Search">
+ </form>
+ <ul class="nav pull-right">
+ <li><a href="#">Link</a></li>
+ <li class="divider-vertical"></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!-- /.nav-collapse -->
+ </div>
+ </div><!-- /navbar-inner -->
+ </div><!-- /navbar -->
+
</section>
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="../assets/js/bootstrap.min.js"></script>
+ <script src="../js/bootstrap.min.js"></script>
<script src="../js/application.js"></script>
<script src="../js/bootswatch.js"></script>