Html 引导行固定为列标题,而不影响容器中的其他div
我有一个3列结构:左侧边栏中心内容右侧边栏 我有一个固定的标题(导航栏)和固定的边栏。现在,我想在中心内容中制作一个div(最上面的一个),这个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
<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 | |
| | | |
| | | |
| | | |