私は次のように書い ている印象を受けました。
margin-bottom: 5px;
と同じだろう
margin: 0px 0px 5px 0px;
ただし、2 つの動作は異なります。2 つ目は、下部にマージンを追加するだけでなく、側面にもマージンを追加します。Bootstrap の足場を使用しているため、コンテンツが新しい行に折り返されます。
Firebug を見ると、次のように表示されます。
margin: 0 0 5px;
ここで何が起こっているのか、いくつか光を当てることができますか?
margin次の 4 つの省略形があります。
margin: Xに展開されますX X X Xmargin: X YX Y X Y(上下にX、側面にY)に展開されます。margin: X Y ZX Y Z Y(上に X、横に Y、下に Z) に展開されます。margin: X Y Z T4 つのマージンすべてを明示的に定義します。あなたの場合、 を定義X Y Z Tしましたが、YとTは同じであるため、ブラウザーはそれを同義の に簡略化しましたX Y Z。
側面にマージンを追加するべきではありませんが、注意すべきことの 1 つは、他のマージンを明示的にゼロに設定していることです。これにより、問題が発生する可能性があります。
表示した 2 つのスタイル宣言は異なります。
最初の ,margin-bottom: 5px;は下マージンのみを指定するため、他のすべてのマージン (上、左、右) については、他の場所で定義された値 (スタイルシートにない場合は、おそらくブラウザーのデフォルト スタイルシート) が適用されますが、2 番目のマージンは、margin: 0px 0px 5px 0px;すべての値を明示的に設定します。
お役に立てれば：
マージン: 0 0 5px; [上]、[左右]、[下]です。