mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
Fixes #7438: remove max-height from justified nav tabs with some CSS wankery
This commit is contained in:
+15
-2
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user