Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导行固定为列标题,而不影响容器中的其他div_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导行固定为列标题,而不影响容器中的其他div

Html 引导行固定为列标题,而不影响容器中的其他div,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个3列结构:左侧边栏中心内容右侧边栏 我有一个固定的标题(导航栏)和固定的边栏。现在,我想在中心内容中制作一个div(最上面的一个),这个div也是固定的 <div class="container-fluid"> <div class="row-fluid"> <div class="span1"> <div class="sidebar-nav sidebar-nav-fixed"> <ul class="n

我有一个3列结构:左侧边栏中心内容右侧边栏 我有一个固定的标题(导航栏)和固定的边栏。现在,我想在中心内容中制作一个div(最上面的一个),这个div也是固定的

<div class="container-fluid">
<div class="row-fluid">
<div class="span1">
    <div class="sidebar-nav sidebar-nav-fixed">
        <ul class="nav nav-list">
            <li class="nav-header">Sidebar</li>
            <li class="active"><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div><!--/.well -->
<!--Sidebar content-->
</div>
<div class="span9">
    <div class="row-fluid well-white">
        <div class="span12">
            <div class="row-fluid">
                <div class="span12 content-header">
                    Fluid 12 content container and options panel<hr>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span9">
                    Fluid 9 content header
                    <div class="row-fluid">
                        <div class="span6">Fluid 6 header division</div>
                        <div class="span6">Fluid 6 header division</div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">Fluid 12 real content here<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
                    </div>
                </div>
                <div class="span3">Fluid 3 sidebar for advertisment fixed as well when scrolling</div>
            </div>
        </div>
    </div>
<!--Body content-->
</div>
<div class="span2">
    <div class="sidebar-nav sidebar-nav-fixed">
        <ul class="nav nav-list">
            <li class="nav-header">Sidebar</li>
            <li class="active"><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div><!--/.well -->
</div>    
</div>
</div>
flsb-固定左侧边栏(span2) frsb-固定右侧边栏(span2) 内容选项-固定(span8) 导航栏-固定(span12)
这里的内容-可滚动的^ ^(span8)

那么您想修复2个侧栏菜单和广告?你试过使用“词缀”类吗?不,不,广告菜单也会被修复,但我想做一个有3个固定列的结构,但中间的列有可滚动的内容,更具体一些,我想要G+在个人资料页上使用的相同结构:)你试过使用“词缀”吗?是,词缀不是我想要的词缀是一些导航插件,我想要这个内容,不是吗?好吧,现在我已经尝试过了,它的效果和修复行一样
---------------------------------
          fixed navbar
---------------------------------
| flsb | content options | frsb |
|      |-----------------|      |
|      |  content here   |      |
|      |                 |      |
|      |                 |      |
|      |                 |      |