引導HTML CSS標籤不佔用全寬屏幕

Question

模板URL的 http://bootsnipp.com/snippets/33Rxn

我一直在試圖編輯該模板佔據屏幕的整個寬度，但我不能得到它。我已經嘗試在CSS中註釋掉所有「寬度」屬性，但它仍然沒有采用瀏覽器的全部寬度。

Answer 1

try change 

<div class="container"> 

與

<div class="container-fluid"> 

或CSS改變與類容器

例如建立一個正確的全集裝箱

.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的變化給容器流體和設置寬度的板類中，以100％

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