Bootstrap <form>高度

-6

我正在嘗試在我的網站上使用Bootstrap框架，除了Bootstrap似乎沒有計算窗體的高度這一事實以外，它的狀態很好。我的表單後面有一個頁腳，位於單獨的div標籤中，但是當我在瀏覽器中查看輸出時，頁腳僅覆蓋了表格的一半。這就像Bootstrap不會自動給出窗體div的高度。Bootstrap <form>高度

代碼： https://jsfiddle.net/w2s61Lfo/

**的形式是在包裝的最後一個元素，然後頁腳是最後我的身體。對於凌亂的CSS，我寫得很亂，然後回去清理它。

輸出： http://imgur.com/zOaU1iK

我不能發表圖片呢，對不起！

謝謝！

來源

2016-06-11 Jadon

沒有代碼，我們不能幫你，對不起。 –

請提供您的表單的代碼或我們無法幫助您。更好的將是一個工作的例子。 –

你不應該首先發布代碼圖片（當你將錯誤的URL複製到你的剪貼板時，它會變成三倍） – Quentin

您的粘性頁腳是正確的。你的引導列使用是錯誤的...

Bootstrap使用容器作爲一個包裝div來控制你的內容部分的寬度，也提供一個圍繞你的內容的陰溝。

Col-xs-，col-sm-等， - 這些只是具有一定寬度百分比的浮動元素。由於這些div浮動，所以只有當它有一個「行」時纔會計算它們的正確高度。

row - 在其中指定了clearfix（CSS清除）。讓*同事的高度可以計算

你必須有一個排在你列

<div class="row"> 
<form class="col-xs-12"></form> 
</div>

這裏是工作提琴 https://jsfiddle.net/davidsekar/qr6gecj9/1/

來源

2016-06-11 16:08:07

是的，這與不正確的「推」放置一起工作。謝謝。 – Jadon

Bootstrap <form>高度

回答

相關問題