[請益] bootstrap

看板Web_Design作者aa1235561 (的客)時間7年前 (2016/11/16 14:18)推噓0(0推 0噓 14→)

留言14則, 4人參與討論串1/1

各位大大您好，小弟最近使用了bootstrap的grid，然後再快樂的建置中，為了要使用 ________ ________ ________ | || || | | || || | |div || div || div | |col-md-4||col-md-4||col-md-4| | || || | |________||________||________| 這樣的排版，但其實為了要讓它裡面有padding所以他們是套著一層class = col-md-4的div，然後再去做裡面的內容，但裡面的內容想要做grid，卻發現外層的div的height會變成0，巢狀的grid是沒辦法被使用的，還是有其他的解決方法嗎? _______________ |div = col-md-4 | |height=0 | | _____________ | ||section || ||=col-md-12 || || || || || ||_____________|| |_______________| 在chrome中的element的欄會看到這個問題，拿掉section的col-md-12就又正常了！請各位大大解惑，感謝感謝再感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.124.249.107 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1479277083.A.A2B.html

→

kevinkung

11/16 18:51, , 1^F

11/16 18:51, 1^F

<div class="col-md-12"> <section cls="col-md-6"> <p>外層的section height = 0</p> <p>但內層的p有高度</p> </section> </div> ※ 編輯: aa1235561 (140.124.249.101), 11/17/2016 10:56:57

→

xdraculax

11/17 19:49, , 2^F

11/17 19:49, 2^F

→

xdraculax

11/17 19:51, , 3^F

11/17 19:51, 3^F

→

frostyjoan

11/18 01:26, , 4^F

11/18 01:26, 4^F