mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-18 03:11:19 +02:00
Code Issues Releases Wiki Activity

update the fluid examples to use new classes and clear the floats properly from sidebar

Browse Source
This commit is contained in:
Mark Otto
2012-01-07 01:59:53 -08:00
parent 45d671d97f
commit 5fb2c666ac
6 changed files with 65 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/fluid-reverse.html
View File

@@ -42,8 +42,8 @@
</div>
</div>
<div class="fluid-container reverse">
<div class="fluid-sidebar-right">
<div class="fluid-container sidebar-right">
<div class="fluid-sidebar">
<div class="well">
<h5>Sidebar</h5>
<ul>
@@ -116,6 +116,8 @@
</div>
</div>
<hr>
<footer>
<p>&copy; Company 2011</p>
</footer>

44
examples/fluid.html
View File

@@ -42,29 +42,29 @@
</div>
</div>
<div class="fluid-container">
<div class="fluid-sidebar-left">
<div class="well">
<h5>Sidebar</h5>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<div class="fluid-container sidebar-left">
<div class="fluid-sidebar">
<div class="well side-nav">
<h5 class="nav-label">Sidebar</h5>
<ul class="nav-group">
<li class="active"><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
</ul>
<h5>Sidebar</h5>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<h5 class="nav-label">Sidebar</h5>
<ul class="nav-group">
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
</ul>
<h5>Sidebar</h5>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<h5 class="nav-label">Sidebar</h5>
<ul class="nav-group">
<li><a class="nav-item" href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
</ul>
</div>
</div>
@@ -116,6 +116,8 @@
</div>
</div>
<hr>
<footer>
<p>&copy; Company 2011</p>
</footer>