Bootstrap内联输入组 - 标签,输入框和按钮

时间:2014-06-18 14:23:13

标签: html css twitter-bootstrap

我正在尝试获得最干净的HTML标记,而不是依赖于额外的自定义CSS(“引导框”)来实现类似于我在bootply上创建的这个演示 - http://www.bootply.com/1Uy4UROiEz

上面演示的唯一问题是我希望将go按钮附加到输入框,如其他演示演示所示 - http://www.bootply.com/yEhbA5gkdm

问题是我需要按钮和输入弓有自己的大小(col-md- ??),这样按钮可以更宽。

有人可以给我一些好的代码吗?

1 个答案:

答案 0 :(得分:1)

您可以通过附加宽度设置为您想要按钮宽度的任何值的CSS类来修改go按钮的宽度。您可以在此处找到示例的修改版本:http://www.bootply.com/UMZt0xqvrD#

修改: 使用表单控件时,您似乎必须使用引导程序预定义宽度指定一个元素并自己定义另一个元素。我在这里修改了第一个例子http://www.bootply.com/kxMFprsSZN