新手问题 引用 bootstrap 后 datetime_select 成了这个样子 (见图)?

topswim · 2013年04月21日 · 最后由 lonely21475 回复于 2014年04月08日 · 4040 次阅读

我在 custom.css.scss 中引用@import "bootstrap"后,所有的控件都是一个尺寸 如何让控件和原来脚手架加的布局一样可以自适应?

<input class="field span6" size='100' type='text'/>

#1 楼 @chenge 我是这样写的 <%= f.text_area :content ,:rows => 3,:cols => 40%>,但是 ROWS 参数有作用,而 COLS 参数不起作用。

class="field span6",加上这个看。

#3 楼 @chenge

<%= f.text_area :content ,:rows => 3,:cols => 40%> 不行啊!只是移动了 text_area 的区域。

用了 bootstrap 的话,textarea 的 cols 是不好使的,需要指定 class 才行,比如 input-block-level 这个能达到 100% 的宽度,其他宽度自己看文档去吧

#5 楼 @ywjno 怎么指定啊?这样吗: “

<%= f.text_area :content ,:rows => 3,:size => 40%> ”

#6 楼 @topswim :class => 'input-block-level',都说了用 class 指定宽度

#7 楼 @ywjno <%= f.text_area :content ,:rows => 3,:class => 'input-block-level'%> 可是还是没有起作用。

#7 楼 @ywjno 帮个忙啊,急着用。

#7 楼 @ywjno 难道是我的 bootstrap 版本不对?

#10 楼 @topswim 他 2.0 版本用这玩意,不好用只能用 firebug 看看 class 有没有指定了

字段类型,改一下。

#11 楼 @ywjno gem 'bootstrap-sass', '2.0.4'我用的这个。

#13 楼 @topswim 只能用 firebug 之类的浏览器工具来看那个控件了

调布局感觉用 tilt 比 firebug 好用,更直观一点

你在样式里找到这个 select{width:220px;border:1px solid #bbb} 然后改成这样即可 select{width:auto;border:1px solid #bbb}

需要 登录 后方可回复, 如果你还没有账号请 注册新账号