ruby-on-rails - 前置输入标签(simple_form + bootstrap-sass)关闭了几个像素

标签 ruby-on-rails twitter-bootstrap simple-form

我想使用这里看到的文本输入字段:

http://simple-form-bootstrap.plataformatec.com.br/articles/new

(这是该页面上的第二个文本输入字段。)

我让它在其他 Rails 应用程序中工作,但由于某种原因,在我当前的应用程序中,前置标签和文本输入之间存在几个像素的间隙。我用 --bootstrap 安装了 simple_form选项,并已验证 Rails/haml/bootstrap/bootstrap-sass 版本与工作中的 rails 应用程序相同。

我不会覆盖我的样式表中的任何相关 css(为了确定,我已经全部注释掉了)。

任何想法为什么 Bootstrap 没有表现出应有的行为?

最佳答案

我真的不知道这里有什么问题,但我有同样的事情。

比较span.add-on我发现他们有一个 float: left在他们的。我添加了它,它似乎起到了作用。

我还注意到他们使用的是 twitter 2.01。我使用的是 2.02,所以可能发生了一些变化。

编辑:这搞砸了附加跨度。

.input-prepend .add-on,
.input-append input {
  float: left;
}

是我添加的。感觉不对,但它现在正在工作。希望其他更了解 Bootstrap 的人可以提供帮助。

关于ruby-on-rails - 前置输入标签(simple_form + bootstrap-sass)关闭了几个像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10033572/

相关文章:

ruby-on-rails - 表单中的 Button_to 标记关闭表单

ruby-on-rails - 如何创建一个按钮来增加模型的属性并且可以在每个浏览器中按下一次?

ruby-on-rails - 如何捕获模型回调中不同线程上引发的 rsolr Sunspot 异常?

javascript - 如何在 Bootstrap Accordion 切换中使用链接

html - CSS Flexbox - 扩展容器下载以显示溢出内容

javascript - 在 AngularJS 中存储表单之间的状态?

twitter-bootstrap - 输入组 - 两个彼此靠近的输入

ruby - simple_form 和自定义验证消息

ruby-on-rails - 如何为 json 嵌套哈希自定义 simple_form

ruby-on-rails - 如何将参数传递给 Rails 3 表单中的 hidden_​​field_tag?