ここでは、cssプロパティをブートストラップ行に配置しますか？

Question

申し訳ありませんが、これはダムと聞こえる場合。しかし、私はブートストラップを使っていて、コンテナ内に行を作りたいのですが、100ピクセルの高さで背景色は黒です。私の質問は、行のレベルでそれをそうするのですか？

<div class="container"> 
<div class="row"> 
<div class="col-md-12" style="background:black;height:100px;"></div> 
</div> 

これを行う適切な方法は、新しいdivの行の内側ですか？これがばかげた質問であれば、再びお詫び申し上げます。しかし行の長さは、最初の例と2番目の例とでは異なるので、これを正しく実行していることを確認してください。

<div class="container"> 
    <div class="row"> 
    <div class="col-md-12"><div style="background:black;height:100px;"></div></div> 

</div> 

Answer 1

スタイルタグは追加しません。別のCSSスタイルシートを作成し、そのクラスのスタイルを宣言する必要があります。

これは、レールアプリだとしましょう。スタイルシートディレクトリで

は、新しいスタイルシートを作成し、それはそこからの.css

で終わる必要がありますでしょう

.col-md-12 { 
    background-color: black; 
    height: 100px; 
} 

お勧めしますので、あなたは列がブートストラップライブラリで定義されていることに注意してくださいしかし、あなたは上の乗りませんので、他のクラス宣言のいくつかの並べ替えを追加するために、すべてのcol-MD-12のdivのあなたのHTML内

class="anything col-md-12" 

とあなたのCSSの

.anything { 
    background-color: black; 
    height: 100px; 
}