Html twitter引导垂直选项卡左边框高度_Html_Css_Twitter Bootstrap

Html twitter引导垂直选项卡左边框高度

html css twitter-bootstrap

Html twitter引导垂直选项卡左边框高度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我希望垂直选项卡的垂直边框在整个页面上运行，而不是在选项卡结束的地方结束然而，由于我在标签上给了边框，它就结束了最后一个趋势选项卡。赋予内容边框权限可以确保边框的高度正确，但会破坏选项卡和内容之间的间距 HTML:- <div class='tabbable tabs-left'> <ul class='nav nav-tabs'> <li class='active'> <a

我希望垂直选项卡的垂直边框在整个页面上运行，而不是在选项卡结束的地方结束

然而，由于我在标签上给了边框，它就结束了

最后一个趋势选项卡。赋予内容边框权限可以确保边框的高度正确，但会破坏选项卡和内容之间的间距

HTML:-

<div class='tabbable tabs-left'>
          <ul class='nav nav-tabs'>
            <li class='active'>
              <a href="/startups?startup=All">All</a>
            </li>
            <li>
              <a href="/startups?startup=New">New</a>
            </li>
            <li>
              <a href="/startups?startup=Featured">Featured</a>
            </li>
            <li>
              <a href="/startups?startup=Ending+Soon">Ending Soon</a>
            </li>
            <li>
              <a href="/startups?startup=Trending">Trending</a>
            </li>
          </ul>
        </div>

这不是默认的引导行为，因此您必须稍微修改

css

。要使其正常工作，垂直选项卡及其所有父选项卡应具有属性

height:100%

对于

html

和

body

我将直接应用样式，但是对于

和

我将使用自定义类，这样就不会修改引导类来维护预期行为，以便将来在其他布局中使用

这是一本书

要添加的

css

：

html{
    height: 100%;
}

body{
    height: 100%;
}

.tabbable.tabs-left.full-height{
    height: 100%;
}

.nav.nav-tabs.full-height{
    height: 100%;
}

要修改的

html

：

<body>
    <div class='tabbable tabs-left full-height'>
        <ul class='nav nav-tabs full-height'>
        ...........



...........

你也可以发布你的代码吗？或者一个Bootply或fiddle？你的源代码在哪里？你尝试了哪一个？这个样式来自twitter bootstrap，我没有使用任何自定义样式，图像是我必须在html和css@DevR我的回答对你有用吗？或者这不是你需要的吗？@edsioufi会在周末后查看并告诉你