溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹bootstrap中怎么設置行間距，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
方案一
添加一個新的樣式類，定義 margin-top 的樣式，如：
.top-buffer { margin-top:20px; }然后，在row所在的div元素上添加該樣式類，如：
<div class="row top-buffer"> ...</div>
方案二
定義一些通用的上邊距樣式類，如：
.top5 { margin-top:5px; }.top7 { margin-top:7px; }.top10 { margin-top:10px; }.top15 { margin-top:15px; }.top17 { margin-top:17px; }.top30 { margin-top:30px; }然后，在row所在的div元素上添加適合的CSS樣式類，如：
<div class="row top7"></div>
方案三
在 Bootstrap 4 中，可以使用內置的間距樣式類(具體請見這里)，如：
<div class="row mt-3"></div>
關于bootstrap中怎么設置行間距就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
