防止Bootstrap列與行底部對齊的方法-PHP中文網路問答
防止Bootstrap列與行底部對齊的方法
P粉253518620
P粉253518620 2023-09-10 21:38:19
0
1
470

测试

這裡我試圖創建的“delete_element”按鈕似乎無論我如何嘗試進行樣式設置,無論是使用內聯CSS樣式還是調用bootstrap的對齊方法,它都堅持底部對齊。我希望它與contenteditable元素對齊 - 我該如何做到這一點?在col中使用按鈕時是否有錯誤?

P粉253518620
P粉253518620

全部回覆 (1)
P粉850680329

你不理解Bootstrap的工作原理,這就是為什麼你的按鈕無論如何都與row(!)底部對齊。

注意:我修改了你的問題標題,因為它是錯的。

由於使用了col類,你的按鈕將始終佔據整個螢幕寬度(即12列),無論你添加了什麼CSS。因此,問題不是按鈕引起的,而是列類引起的。

如果你想讓兩個元素並排顯示,那麼:

  1. 兩個列加在一起不應超過12列
  2. 不要使用col類別(你可以使用col-1col-2col-3等類別)。

在下面的範例中,你可以看到我使用了兩次col-1類別(1列 1列 = 2列,小於12列)。我建議你閱讀Bootstrap 5關於網格系統的文件。

請看下面的程式碼片段。

  
Test
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!