kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

pull in changes from #19832 to fix offcanvas

Browse source
This commit is contained in:
Mark Otto 2016-12-22 23:43:37 -08:00 • committed by Mark Otto
parent 66c87cb7ca
commit ec0dbc74a7
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
docs/examples/offcanvas/index.html
View file

@ -57,8 +57,8 @@
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-12 col-sm-9">
<p class="float-right hidden-sm-up">
<div class="col-12 col-md-9">
<p class="float-right hidden-md-up">
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
</p>
<div class="jumbotron">
@ -99,7 +99,7 @@
</div><!--/row-->
</div><!--/span-->
<div class="col-6 col-sm-3 sidebar-offcanvas" id="sidebar">
<div class="col-6 col-md-3 sidebar-offcanvas" id="sidebar">
<div class="list-group">
<a href="#" class="list-group-item active">Link</a>
<a href="#" class="list-group-item">Link</a>
@ -118,7 +118,7 @@
<hr>
<footer>
<p>&copy; Company 2014</p>
<p>&copy; Company 2017</p>
</footer>
</div><!--/.container-->

10
docs/examples/offcanvas/offcanvas.css
View file

@ -34,11 +34,21 @@ footer {
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -100%; /* 12 columns */
}
.row-offcanvas-right.active
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -100%; /* 12 columns */
}
.row-offcanvas-left.active
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}