rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-28 20:52:21 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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 {
max-height: 40px;
width: 100%;
}
.nav-justified > li {
@ -3260,6 +3260,22 @@ button.close {
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 {
color: #999999;
}

17
less/navs.less
View File

@ -107,8 +107,7 @@
// -------------------------
.nav-justified {
// Negative margin doesn't work, so we hack it
max-height: 40px;
width: 100%;
}
.nav-justified > li {
float: none;
@ -116,6 +115,20 @@
width: 1%;
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;
}