Html 推特引导减少井和场宽度

Html 推特引导减少井和场宽度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在网上找到了一些注册表格的代码,我正试图根据自己的需要对其进行调整 我试图减小井宽,但我注意到和不会改变井的大小 设置一个固定的,例如,使页面在左对齐,而不是居中,这正是我想要的。如何使井宽变小 另外,固定文本字段宽度的正确方法是什么,以防止它们在浏览器折叠/增长时变得过宽 好吧,sm没有太大的区别,因为它并不意味着要彻底改变比例,而只是在形式上产生微小的差异。 您可以添加width值,但要使其居中,还必须添加margin:0 auto。这是一个例子 关于文本框大小调整:问题是您使用的元素(c

我在网上找到了一些注册表格的代码,我正试图根据自己的需要对其进行调整

我试图减小井宽,但我注意到
不会改变井的大小

设置一个固定的,例如,
使页面在左对齐,而不是居中,这正是我想要的。如何使井宽变小

另外,固定文本字段宽度的正确方法是什么,以防止它们在浏览器折叠/增长时变得过宽


好吧,sm
没有太大的区别,因为它并不意味着要彻底改变比例,而只是在形式上产生微小的差异。 您可以添加
width
值,但要使其居中,还必须添加
margin:0 auto。这是一个例子

关于文本框大小调整:问题是您使用的元素(
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

,只需确保了解
.col-sm-1
.col-sm-12
等如何在引导中工作。这很有力量。祝你好运!