More than 1 year has passed since last update.

margin と col は同時に使ってはいけないのはスタイルが崩れるから．

Last updated at 2021-12-25Posted at 2021-12-20

タイトルの通り，Bootstrap 利用の際に margin と　col は同時に使ってはいけません．スタイルが崩れるので，

##問題

具体的には，

<div class="row">
    <div class="col-6 m-2"></div>
    <div class="col-6 m-2"></div>
</div>

のようにすると．

子divは横並び2つにはなりません．

##解決策

以下のように，「colで分けた」子divに．「margin」孫divを適用してあげるのです．

<div class="row">
    <div class="col-6">
        <div class ="m-2"></div>
    </div>
    <div class="col-6 m-2">
        <div class ="m-2"></div>
    </div>
</div>

##終わり

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up