私はブートストラップ 3 を使用しており、マーケティング div を中央に配置して、その周りにボックスを配置しようとしています。マーケティング div を小さく中央に配置したいと考えています。
.box は、境界線のある単純なボックスです。
これが私のコードです:
<div class="container">
<div class="col-md-offset-2">
<div class="row box">
<div class="marketing">
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet</p>
</div>
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam. Dicant perpetua pro an, id mei iusto ridens. Cibo salutatus has ex..</p>
</div>
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam.</p>
</div>
</div>
</div>
</div>
</div>
ボックスを右に拡張しすぎているため、両側にない理由がわかりません。
リンク1