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
等如何在引导中工作。这很有力量。祝你好运!