html bootstrap 3静态列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html bootstrap 3静态列相关的知识,希望对你有一定的参考价值。

<style>

 .sidebar {
     position: fixed;
     width: 200px;
     height: 400px;
     background: #000;
 }
 .content {
     margin-left: 200px;
     height: 500px;
     width: auto;
     position: relative;
     background: #f00;
     overflow: auto;
     z-index: 1;
 }
 .info {
     width: 1440px;
     height: 300px;
     position: relative;
     background: #f55;
 }
</style> 

<div class="sidebar"></div>
<div class="content">
    <div class="info"></div>
</div>

以上是关于html bootstrap 3静态列的主要内容,如果未能解决你的问题,请参考以下文章

百度的静态资源库上的Bootstrap资源

使用 Bootstrap 3 等高列,同时保留列填充

Bootstrap

html HTML,CSS,Bootstrap:使用Twitter Bootstrap进行5列布局

html Bootstrap-Powered HTML:基本的bootstrap布局示例,包含导航栏,jumbotron,容器,行,列

执行多响应列时清除行 - Bootstrap