Bootstrapで横スクロールが発生してしまう件/CakePHP+Bootstrap(jumbotron)で画像(背景)表示

Bootstrapで横スクロールが発生してしまう件

Containerクラスの使い方を理解する。

 

基本的に

class="container-fluid"

でくくってあげれば横スクロールは発生しない。

あと、あまり大きなくくり方をすると思い通りにならなかったので

特にグリッドシステムを使う場合などは結構小分けでcontainerでくくりました。

 

class="container-fluid"

の中身を

class="container"

で囲んであげて中身を中央に寄せてあげるといい感じになった。

 


CakePHP+Bootstrap(jumbotron)で画像(背景)表示

Bootstrap.css内の.jumbotronで画像を指定してあげようとしたら、

なかなかうまくいかなかったので、ctp側で設定してあげました。

 

<div class="jumbotron text-center"

style="background-image:url(http://192.168.100.***/***.jpg);
center no-repeat; background-size: cover;
color: #DCDCDC;">

***

</div>