我想在名為 discover_condo_room_box 的框上方和下方創建一個空間
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
HTML
<div className="container condo_container">
<div className="row mx-auto text-center">
<div className="col-6">
<div className="discover_condo_room_box h-100">
<p className="room_name">{roomName}</p>
<div className="discover_condo_room_box_child">
<div className="discover_condo_room_box_ic">
<img src="" />
<img src="" />
<img src="" />
<img src="" />
</div>
</div>
</div>
</div>
</div>
</div>
CSS
.discover_condo_room_box {
position: relative;
background-color: #1E3E75;
padding:15px;
border-radius: 10px;
margin-bottom: 30px;
border: solid #0D76BE;
}
.discover_condo_room_box_child {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
}
.discover_condo_room_box_ic {
display: flex;
margin: 0;
margin: 10px;
}
uj5u.com熱心網友回復：
如果 CSS 無法正常作業，則使用引導程式并在兩個類之間放置更多填充。
uj5u.com熱心網友回復：
Füge die Klasse mb-4。
<div className="col-6 mb-4">
Bootstrap 中的 Hilfe zu den Abst?nden：https ://getbootstrap.com/docs/4.0/utilities/spacing/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/512589.html
標籤：htmlcss引导程序 4
上一篇：懸停后反轉影片時遇到問題