rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

improve navbar toggle and hide code snippets on mobile devices for now

Browse Source
This commit is contained in:
Mark Otto 2013-03-01 00:18:10 -08:00
parent 2e3ba4afe6
commit 492c249537
4 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/assets/css/bootstrap.css vendored
View File

@ -3217,7 +3217,7 @@ button.close {
display: block;
width: 22px;
height: 2px;
background-color: #fff;
background-color: #ccc;
border-radius: 1px;
}
@ -3331,6 +3331,10 @@ button.close {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .nav > .divider {
background-color: #151515;
border-bottom-color: #2f2f2f;

10
docs/assets/css/docs.css
View File

@ -592,6 +592,16 @@ input.focused {
/* Responsive variations
-------------------------------------------------- */
/* Hide code snippets on mobile devices */
@media screen and (max-width: 480px) {
.bs-docs-example {
border-radius: 4px;
}
.highlight {
display: none;
}
}
/* Tablets and up */
@media screen and (min-width: 768px) {

2
docs/css.html
View File

@ -2228,7 +2228,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</div>
<p class="lead">For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query.</p>
<table class="table table-bordered table-striped responsive-utilities">
<table class="table table-bordered table-striped responsive-utilities hidden-phone">
<thead>
<tr>
<th>Class</th>

5
less/navbar.less
View File

@ -114,7 +114,7 @@
display: block;
width: 22px;
height: 2px;
background-color: #fff;
background-color: #ccc;
border-radius: 1px;
}
.icon-bar + .icon-bar {
@ -230,6 +230,9 @@
&:focus {
background-color: #333;
}
.icon-bar {
background-color: #fff;
}
}
// Darken dividers