Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
a6f27ebe
Commit
a6f27ebe
authored
Apr 14, 2012
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ditch the .navbar in the selectors since it's the same specificity level, and thus superfluous
parent
8dc1a0ea
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
54 additions
and
49 deletions
+54
-49
docs/assets/bootstrap.zip
docs/assets/bootstrap.zip
+0
-0
docs/assets/css/bootstrap-responsive.css
docs/assets/css/bootstrap-responsive.css
+24
-24
less/responsive-navbar.less
less/responsive-navbar.less
+30
-25
No files found.
docs/assets/bootstrap.zip
View file @
a6f27ebe
No preview for this file type
docs/assets/css/bootstrap-responsive.css
View file @
a6f27ebe
...
...
@@ -622,28 +622,28 @@
padding-right
:
10px
;
margin
:
0
0
0
-5px
;
}
.nav
bar
.nav
-collapse
{
.nav-collapse
{
clear
:
both
;
}
.nav
bar
.nav
-collapse
.nav
{
.nav-collapse
.nav
{
float
:
none
;
margin
:
0
0
9px
;
}
.nav
bar
.nav
-collapse
.nav
>
li
{
.nav-collapse
.nav
>
li
{
float
:
none
;
}
.nav
bar
.nav
-collapse
.nav
>
li
>
a
{
.nav-collapse
.nav
>
li
>
a
{
margin-bottom
:
2px
;
}
.nav
bar
.nav
-collapse
.nav
>
.divider-vertical
{
.nav-collapse
.nav
>
.divider-vertical
{
display
:
none
;
}
.nav
bar
.nav
-collapse
.nav
.nav-header
{
.nav-collapse
.nav
.nav-header
{
color
:
#999999
;
text-shadow
:
none
;
}
.nav
bar
.nav
-collapse
.nav
>
li
>
a
,
.nav
bar
.nav
-collapse
.dropdown-menu
a
{
.nav-collapse
.nav
>
li
>
a
,
.nav-collapse
.dropdown-menu
a
{
padding
:
6px
15px
;
font-weight
:
bold
;
color
:
#999999
;
...
...
@@ -651,25 +651,25 @@
-moz-border-radius
:
3px
;
border-radius
:
3px
;
}
.nav
bar
.nav
-collapse
.btn
{
.nav-collapse
.btn
{
padding
:
4px
10px
4px
;
font-weight
:
normal
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
}
.nav
bar
.nav
-collapse
.dropdown-menu
li
+
li
a
{
.nav-collapse
.dropdown-menu
li
+
li
a
{
margin-bottom
:
2px
;
}
.nav
bar
.nav
-collapse
.nav
>
li
>
a
:hover
,
.nav
bar
.nav
-collapse
.dropdown-menu
a
:hover
{
.nav-collapse
.nav
>
li
>
a
:hover
,
.nav-collapse
.dropdown-menu
a
:hover
{
background-color
:
#222222
;
}
.nav
bar
.nav
-collapse.in
.btn-group
{
.nav-collapse.in
.btn-group
{
margin-top
:
5px
;
padding
:
0
;
}
.nav
bar
.nav
-collapse
.dropdown-menu
{
.nav-collapse
.dropdown-menu
{
position
:
static
;
top
:
auto
;
left
:
auto
;
...
...
@@ -687,11 +687,11 @@
-moz-box-shadow
:
none
;
box-shadow
:
none
;
}
.nav
bar
.nav
-collapse
.dropdown-menu
:before
,
.nav
bar
.nav
-collapse
.dropdown-menu
:after
{
.nav-collapse
.dropdown-menu
:before
,
.nav-collapse
.dropdown-menu
:after
{
display
:
none
;
}
.nav
bar
.nav
-collapse
.dropdown-menu
.divider
{
.nav-collapse
.dropdown-menu
.divider
{
display
:
none
;
}
.nav-collapse
.navbar-form
,
...
...
@@ -709,18 +709,18 @@
float
:
none
;
margin-left
:
0
;
}
.navbar-static
.navbar-inner
{
padding-left
:
10px
;
padding-right
:
10px
;
}
.navbar
.btn-navbar
{
display
:
block
;
}
.nav-collapse
,
.nav-collapse.collapse
{
overflow
:
hidden
;
height
:
0
;
}
.navbar
.btn-navbar
{
display
:
block
;
}
.navbar-static
.navbar-inner
{
padding-left
:
10px
;
padding-right
:
10px
;
}
}
@media
(
min-width
:
980px
)
{
.nav-collapse.collapse
{
...
...
less/responsive-navbar.less
View file @
a6f27ebe
...
...
@@ -26,56 +26,59 @@
padding-right: 10px;
margin: 0 0 0 -5px;
}
// COLLAPSIBLE NAVBAR
// ------------------
// Nav collapse clears brand
.nav
bar .nav
-collapse {
.nav-collapse {
clear: both;
}
// Block-level the nav
.nav
bar .nav
-collapse .nav {
.nav-collapse .nav {
float: none;
margin: 0 0 (@baseLineHeight / 2);
}
.nav
bar .nav
-collapse .nav > li {
.nav-collapse .nav > li {
float: none;
}
.nav
bar .nav
-collapse .nav > li > a {
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav
bar .nav
-collapse .nav > .divider-vertical {
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav
bar .nav
-collapse .nav .nav-header {
.nav-collapse .nav .nav-header {
color: @navbarText;
text-shadow: none;
}
// Nav and dropdown links in navbar
.nav
bar .nav
-collapse .nav > li > a,
.nav
bar .nav
-collapse .dropdown-menu a {
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 6px 15px;
font-weight: bold;
color: @navbarLinkColor;
.border-radius(3px);
}
// Buttons
.nav
bar .nav
-collapse .btn {
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
.border-radius(4px);
}
.nav
bar .nav
-collapse .dropdown-menu li + li a {
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav
bar .nav
-collapse .nav > li > a:hover,
.nav
bar .nav
-collapse .dropdown-menu a:hover {
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
background-color: @navbarBackground;
}
// Buttons in the navbar
.nav
bar .nav
-collapse.in .btn-group {
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0;
}
// Dropdowns in the navbar
.nav
bar .nav
-collapse .dropdown-menu {
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
...
...
@@ -89,11 +92,11 @@
.border-radius(0);
.box-shadow(none);
}
.nav
bar .nav
-collapse .dropdown-menu:before,
.nav
bar .nav
-collapse .dropdown-menu:after {
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav
bar .nav
-collapse .dropdown-menu .divider {
.nav-collapse .dropdown-menu .divider {
display: none;
}
// Forms in navbar
...
...
@@ -111,20 +114,22 @@
float: none;
margin-left: 0;
}
// Static navbar
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
// Hide everything in the navbar save .brand and toggle button */
.nav-collapse,
.nav-collapse.collapse {
overflow: hidden;
height: 0;
}
// Navbar button
.navbar .btn-navbar {
display: block;
}
// Hide everything in the navbar save .brand and toggle button */
.nav-collapse, .nav-collapse.collapse {
overflow: hidden;
height: 0;
// STATIC NAVBAR
// -------------
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment