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

Fixes #7438: remove max-height from justified nav tabs with some CSS wankery

Browse Source
This commit is contained in:
Mark Otto
2013-03-31 19:26:40 -07:00
parent 4c49458336
commit c69310153e
2 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3250,7 +3250,7 @@ button.close {
} }
.nav-justified { .nav-justified {
max-height: 40px; width: 100%;
} }
.nav-justified > li { .nav-justified > li {
@@ -3260,6 +3260,22 @@ button.close {
text-align: center; text-align: center;
} }
.nav-justified.nav-tabs {
border-bottom: 0;
}
.nav-justified.nav-tabs > li > a {
border-bottom: 1px solid #ddd;
}
.nav-justified.nav-tabs > .active > a {
border-bottom-color: #ffffff;
}
.nav-justified > li > a {
margin-right: 0;
}
.nav > .disabled > a { .nav > .disabled > a {
color: #999999; color: #999999;
} }

17
less/navs.less
View File

@@ -107,8 +107,7 @@
// ------------------------- // -------------------------
.nav-justified { .nav-justified {
// Negative margin doesn't work, so we hack it width: 100%;
max-height: 40px;
} }
.nav-justified > li { .nav-justified > li {
float: none; float: none;
@@ -116,6 +115,20 @@
width: 1%; width: 1%;
text-align: center; text-align: center;
} }
// Move borders to anchors instead of bottom of list
.nav-justified.nav-tabs {
border-bottom: 0;
> li > a {
border-bottom: 1px solid #ddd;
}
> .active > a {
border-bottom-color: @body-bg;
}
}
// Override margin from .nav-tabs
.nav-justified > li > a {
margin-right: 0;
}