幅はただ文句を言わない百パーセント

Question

https://jsfiddle.net/jonathansh1115/oc75f0sr/

私は100％ではないでしょう幅の約多くの記事を読んで、人々は常に

body { 
margin=0; 
padding=0; 
} 

が、この時に動作しますが、loooookうと言うこと！

PS：私はあなたの3つのブロックは100％の幅を持っていることをあなたが望むあなたの問題を理解していれば、私はそこ

Answer 1

ブートストラップ・リンクを使用しています。ここにはcol-sm-4があるため、あなたのページの33.33％の100％があります。 で交換してみてください。

<div id="all"> 
     <div class="row col-sm-12" id="hqllo"><h1>hqllo</h1></div> 
     <div class="row col-sm-12" id="nook"><h1>nooook</h1></div> 
     <div class="row col-sm-12" id="pro"><h1>pro</h1></div> 
</div> 

Answer 2

cssまあ

.row { 
    width:calc(100%/3); 
} 

jsfiddle

Answer 3

でこれを削除し、あなたのコードの問題がたくさんあります。

まず、適切にブートストラップを使用していません。 CSSファイルも追加する必要があります。ブートストラップはjsファイルのみを含む場合は動作しません。一度組み込むとすべてうまく動作します。

divの周りのスペースは、ブラウザのデフォルトのためです。ブートストラップを含めると、それらは消えます。また、適切にブートストラップクラスを使用する必要があります。

私の意見では、ブートストラップのドキュメントを読み、レイアウトを作成する必要があります。 http://getbootstrap.com/getting-started/