bootstrap html css标签不占用整个屏幕宽度

Question

模板网址 http://bootsnipp.com/snippets/33Rxn

我一直在尝试编辑此模板占据屏幕的整个宽度，但我无法得到它。我已经尝试在CSS中注释掉所有“宽度”属性，但它仍然没有占据浏览器的全部宽度。

Answer 1

try change 

<div class="container"> 

带

   <div class="container-fluid"> 

或更改css

中类容器的with

例如建造一个合适的满容器

.container-fullwidth {
  margin: 0 auto;
  width: 100%;
}

Answer 2

为容器类添加新的css规则，并在bootsnip的css选项卡内编辑板类的75％宽度为100％。

.container {
  width:100%;
}
.board{
  width: 100%;
  margin: 60px auto;
  height: 500px;
  background: #fff;
 /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}

Answer 3

将第一个div的类更改为container-fluid，并将board类中的宽度设置为100％

<div class="container"> to <div class="container-fluid">
.board { width: 75%; } to .board { width: 100%; }