Twitter Bootstrap減少井場寬度

Question

我在網上找到了一些我想要調整我的需求的註冊表單的代碼。

我想盡量減小井寬，但我注意到<div class="well well-sm">和<div class="well">不會改變井的大小。

設置一個固定的，例如， <div class="well" style="width: 600px">使井左對齊在頁面上，而不是集中它，這是我想要的。我如何使井寬變小？

此外，固定文本字段的寬度以防止它們在瀏覽器崩潰/增長時變得太寬的正確方法是什麼？

Demo.

Answer 1

well-sm並沒有太大的差別，由於它並不意味着改變比例這麼厲害，而只是使形成微小的差異。 您可以添加一個width值，但要居中它，您還必須添加margin: 0 auto;。這是fiddle showing what I mean。

關於文本框大小調整：的問題是，您使用的元素（col-sm-6）設置寬度到50％，但是這隻能在瀏覽器中有至少768px的寬度，看看這個下面的CSS：

@media (min-width: 768px) //for this to work, at least 768px are needed 
.col-sm-6 { 
width: 50%; 
} 

當你有小於768px，第二類（col-xs-12）激活。這需要100％的寬度。如果您使用col-xs-6代替，它將調整爲50％。 因此，您需要做的是將包含文本字段的類從col-sm-6 col-xs-12更改爲col-sm-6 col-xs-6。