如何将黑色 .divider 拉伸到该容器的整个宽度?
将宽度设置为 100% 是行不通的,当然内部容器有相应的边距设置。如何将宽度设置为外部容器边距,使其看起来像 100% 延伸到导航容器?
小提琴:http: //jsfiddle.net/W3Dh3/
<div class="well sidebar-nav left">
<ul class="nav nav-list">
<li class="divider"></li> // <-- How to stretch 100% to outer container margins
<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><!--/span-->
</div><!--/row-->
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
.row-fluid > .sidebar-nav {
width: 220px;
}
.left {
float:left;
}
.divider {
border-top: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}