これらのブートストラップ列を左揃えにするにはどうすればよいですか？

Question

私は上部と左側のナビゲーションで使用しているWebテンプレートを持っています。そして、3つの列要素を左揃えにしたいと思います。 simple exampleであっても、列は中央揃えになりたい。

誰かが左側の余白に抱きつくようにカラムを取得する方法を教えてもらえますか？

*免責事項 - 私は自分自身に答える能力がおそらく私のブートストラップ語彙によって制限されるので、ブートストラップを習っています。

が、私はさまざまな方法の束を検索しようとした最も関連性の高い検索クエリとしてこれをドンを解決： ブートストラップは-navbar -nav列を揃える左 this答えを生産して検索が、解決していないようでした

私の問題、または私はそれを正しくしなかった。

私は自分の問題をシミュレートするbootplyを作成しました。誰かが試してみたいと思っている人は、そうすることができます。

Answer 1

あなたは

​​

http://www.bootply.com/SRnhM22tPr

.. described in this questionの容器を整列させる左、または単に全幅 container-fluidを使用し、その後は8列、例えば、12ブートストラップ列の部分を使用することができ

小さい画面では、レイアウトを左揃えではなく全幅にすることをお勧めします。

Answer 2

をメインdiv（ページラッパー）に追加するには、クラスをcontainerからcontainer-fluidに変更します。

<div id="page-wrapper" class="container-fluid"> 

これらの要素はすべて、左揃えで表示されます。