Bootstrap html CSS Tabs nicht die volle Breite des Bildschirms

Question

Vorlage url http://bootsnipp.com/snippets/33Rxn

ich diese Vorlage über die volle Breite des Bildschirms einnehmen zu bearbeiten haben versucht, aber ich kann es nicht zu bekommen. Ich habe versucht, alle "width" -Attribute im CSS zu kommentieren, aber es nimmt immer noch nicht die volle Breite des Browsers ein.

Answer 1

try change 

<div class="container"> 

mit

<div class="container-fluid"> 

oder die mit für Containerklasse in css ändern

zB einen richtigen Vollcontainer Gebäude

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

Answer 2

eine neue CSS-Regel für die Container-Klasse hinzufügen , und editiere die 75% Breite der Board-Klasse auf 100%, innerhalb der css-Registerkarte des Bootsnips.

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

Answer 3

ändert die Klasse des ersten div Container-Flüssigkeit und die Breite in der Board-Klasse auf 100%

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