2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00

add justified nav links for tabs and pills

This commit is contained in:
Mark Otto
2012-11-04 00:52:10 -07:00
parent 05a2d37559
commit 83a3789b5e
4 changed files with 129 additions and 52 deletions
+34 -23
View File
@@ -3579,6 +3579,40 @@ input[type="button"].btn-block {
border-bottom-color: transparent;
}
.nav-pills > li > a {
border-radius: 5px;
}
.nav-pills > li + li > a {
margin-left: 2px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: #ffffff;
background-color: #0088cc;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li > a {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
max-height: 37px;
}
.nav-justified > li {
display: table-cell;
float: none;
width: 1%;
text-align: center;
}
.nav-list {
background-color: #fff;
border-radius: 6px;
@@ -3620,29 +3654,6 @@ input[type="button"].btn-block {
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
}
.nav-pills > li > a {
border-radius: 5px;
}
.nav-pills > li + li > a {
margin-left: 2px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: #ffffff;
background-color: #0088cc;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li > a {
margin-top: 2px;
margin-left: 0;
}
.nav-tabs .dropdown-menu {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;