如何使用bootstrap创建一个简单的网站模板?

时间:2016-08-14 13:44:43

标签: html css web

有人可以给我一个简单的html和css示例,我需要使用bootstrap创建这样的图片吗?
website template like this image

我在网上搜索但找不到一个简单的例子! (对于asp.net mvc项目中的bootstrap v3.3.7)

2 个答案:

答案 0 :(得分:1)

这是给你的代码,享受!

<div class="row">
HEADER
</div>

<div class="row">
  <div class="col-md-4">
  SIDEBAR
  </div>
  <div class="col-md-8">
    <div class="col-md-12">
    content1
    </div>
    <div class="col-md-12">
    content2
    </div>
  </div>
</div>

<div class="row">
FOOTER
</div>

答案 1 :(得分:0)

这是完整且更正的答案:

&#13;
&#13;
<div class="row">
  <div class="col-md-4"> HEADER </div>

</div>

<div class="row">
  <div class="col-md-4">
  SIDEBAR
  </div>
  <div class="col-md-8">
    <div class="col-md-12">
    content1
    </div>
    <div class="col-md-12">
    content2
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-4"> FOOTER </div>
</div>
&#13;
&#13;
&#13;