Twitter Bootstrap输入在行流体上附加中断

Question

我正在使用Twitter Bootstrap以及他们的响应风格。我在输入附加方面遇到了一些问题，并在输入的末尾添加了“％”。我意识到从“行液”中删除“-fluid”可以解决这个问题。

1. 在div.container-fluid中使用div.row是否可以？
2. 如何修复：http://jsfiddle.net/zhenghao1/svrec/

先谢谢大家！

Answer 1

快速执行此操作的方法是将input浮动到左侧。将以下内容添加到style.css中，并从输入中删除span2类（改为使用％或固定宽度）。

.input-append input { float:left; width:10% }

另外，除了bootstrap.css之外，一定要包含bootstrap-responsive.css，以确保根据视口正确调整大小。

http://jsfiddle.net/eterpstra/eXVuM/ （默认情况下，当屏幕尺寸缩小到<768px时，窗体会切换到“垂直”方向。这就是为什么如果jsFiddle窗口太窄，您会看到标签翻到顶部。）