github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-01-20 20:08:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Better solution for overflowing .tab-content

Browse Source 
Using `overflow: hidden` instead of `display: table` as suggested by @necolas
Fix the border between tabs and content for `.tabs-right`
This commit is contained in:
Arnold Daniels
2012-02-08 14:23:02 +01:00
parent ffc5317eb6
commit 7e7211722c
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
less/navs.less
View File

@@ -353,7 +353,7 @@
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
display: table;
overflow: hidden;
}
// Tabs on the left
@@ -390,6 +390,7 @@
// Tabs on the right
.tabs-right > .nav-tabs {
float: right;
right: 1px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
@@ -405,13 +406,11 @@
*border-left-color: @white;
}
.tabs-right > .tab-content {
padding: 0 20px 0 0;
padding: 0 19px 0 0;
border-right-width: 1px;
}
.tabs-right.tabbable-bordered {
border-width: 0 0 0 1px;
> .nav-tabs {
right: 1px;
}
> .tab-content {
border-width: 1px 1px 1px 0;
padding: 20px 20px 10px 20px;