質問: twitter bootstrap 3を使用して列を中央揃えにする twitter bootstrap 3 のコンテナ内の1列サイズのdiv(12列)を中心に配置するにはどうすればよいですか。 .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> クラス.centeredを持つdivをコンテナ内の中央に配置する必要があります。 divが複数ある場合は行を使用できますが、今のところは1列のサイズをコンテナの中央に配置したdivが必要です(12列)。また、divを半分にすることを意図していないため、上記のアプローチが十分に有効であるかどうかもわかりません。 divの外側に空きスペースは必要ないので、divの内容はそれに比例して小さくなります。 divの外側の空きスペースを均等に分散させたい (コンテナの幅が1列になるまで縮小する).
回答: 方法1: <div class="container"> <div class="row"> <div class="col-md-2 col-md-offset-5"> your content </div> </div> </div> 方法2: css.float-center{float: none;} <div class="container"> <div id="mydev" class="center-block float-center" style="width:75%;"> your content </div> </div> ブートストラップのヒント、例、およびツール: onaircode