如何自訂Bootstrap行中超過g-5的列間距的原生CSS樣式
P粉644981029
P粉644981029 2023-08-16 11:02:55
0
1
399

使用bootstrap正在建立一個簡單的落地頁。我需要增加行中的列間距。我知道我們可以透過自訂sass間距mixin來增加間距,但由於我正在建立的網站包含幾個部分,我希望保持簡單,不需要建置流程。我在行上使用了g-5類名,它在列之間提供了32px或40px的間距。如何使用CSS進一步增加它。

P粉644981029
P粉644981029

全部回覆 (1)
P粉470645222

要使用CSS增加行中的列間距,可以使用grid-column-gap屬性。此屬性指定了網格佈局中列之間的間距。

.container { mt-5; pt-5; } .row { text-light; g-5; fs-1; grid-column-gap: 50px; }
 
column
column
column
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!