mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

fixes alignment and nav list in offcanvas example

Browse Source
This commit is contained in:
Mark Otto
2013-09-01 10:34:21 +02:00
parent 129d8fcebc
commit e8f7d4fcef
2 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
examples/offcanvas/index.html
View File

@@ -46,6 +46,7 @@
<div class="container"> <div class="container">
<div class="row row-offcanvas row-offcanvas-right"> <div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9"> <div class="col-xs-12 col-sm-9">
<p class="pull-right visible-xs"> <p class="pull-right visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button> <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
@@ -89,21 +90,18 @@
</div><!--/span--> </div><!--/span-->
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
<div class="well sidebar-nav"> <div class="list-group">
<ul class="nav"> <a href="#" class="list-group-item active">Link</a>
<li>Sidebar</li> <a href="#" class="list-group-item">Link</a>
<li class="active"><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li>Sidebar</li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> <a href="#" class="list-group-item">Link</a>
<li>Sidebar</li> <a href="#" class="list-group-item">Link</a>
<li><a href="#">Link</a></li> </div>
<li><a href="#">Link</a></li>
</ul>
</div><!--/.well -->
</div><!--/span--> </div><!--/span-->
</div><!--/row--> </div><!--/row-->

3
examples/offcanvas/offcanvas.css
View File

@@ -6,8 +6,7 @@ body {
padding-top: 70px; padding-top: 70px;
} }
footer { footer {
padding-left: 15px; padding: 30px 0;
padding-right: 15px;
} }
/* /*