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

Mar*_*ark 5 css twitter-bootstrap

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

  1. 可以在div.container-fluid中使用div.row吗?
  2. 怎么可以修复:http://jsfiddle.net/zhenghao1/svrec/

在此先感谢大家!

ete*_*rps 5

快速执行此操作的方法是input向左浮动.将以下内容添加到style.css中并span2从输入中删除该类(使用%或固定宽度代替).

.input-append input { float:left; width:10% }
Run Code Online (Sandbox Code Playgroud)

另外,除了bootstrap.css之外,一定要包括bootstrap-responsive.css,以确保根据视口正确调整所有大小.

http://jsfiddle.net/eterpstra/eXVuM/ (默认情况下,当屏幕尺寸缩小到<768px时,窗体会切换到"垂直"方向.这就是为什么你看到如果jsFiddle窗口也是如此,你的标签会翻到顶部狭窄.)