使用最新的twitter引導程序包我在調整大小的列時出現問題,並且確實會破壞該列中項目的設計。禁用特定元素的大小調整
兩個問題:
是否有阻塞元素的簡單方法(柱/ DIV)被調整。
即使有相當多的空白到右邊「調整大小」得到觸發太早,我可以看到,無論如何控制這個?
更新: 由於該網站是由與Python瓶和Jinja2的模板它有點亂把所有的代碼,但我得到了一個測試頁面顯示問題 http://www.biddingpractice.com/test/test
使用最新的twitter引導程序包我在調整大小的列時出現問題,並且確實會破壞該列中項目的設計。禁用特定元素的大小調整
兩個問題:
是否有阻塞元素的簡單方法(柱/ DIV)被調整。
即使有相當多的空白到右邊「調整大小」得到觸發太早,我可以看到,無論如何控制這個?
更新: 由於該網站是由與Python瓶和Jinja2的模板它有點亂把所有的代碼,但我得到了一個測試頁面顯示問題 http://www.biddingpractice.com/test/test
您正在連續嵌套兩個.container
,而您沒有.row
。爲了保持佈局正常工作,您必須在.row
中包裝.spanX
,並且永遠不要連續嵌套兩個相等的元素(容器,行或跨度)。也請記住,在.row
,跨徑必須加起來12
你的標記應該是:
<div class="container-fluid">
<div class="row">
<div class="span6"></div>
<div class="span6"></div>
</div>
</div>
我的Jinja模板有一些額外的div等,並沒有意識到這一點。謝謝 – StefanE
或者將列的大小修改爲px而不是(row> spanx)
調整大小來自bootstrap-responsive.css中的媒體查詢http://twitter.github.com/bootstrap/scaffolding.html#responsive
這可能是最好不要使用自舉responsive.css,但一些代碼/例子將有助於確認。
'spanX'沒有得到在正常情況下調整。你能分享你的代碼,知道發生了什麼嗎? – albertedevigo
@simbirsk聽起來像使用bootstrap-responsive。我同意一些代碼會有所幫助。 – baptme
已更新我的帖子,帶有問題頁面的鏈接 – StefanE