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

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

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

chenge #1 2013年04月21日

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

topswim #2 2013年04月21日

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

chenge #3 2013年04月21日

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

topswim #4 2013年04月21日

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

ywjno #5 2013年04月21日

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

topswim #6 2013年04月21日

#5 楼 @ywjno 怎么指定啊？这样吗： “

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

ywjno #7 2013年04月21日

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

topswim #8 2013年04月21日

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

topswim #9 2013年04月21日

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

topswim #10 2013年04月21日

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

ywjno #11 2013年04月21日

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

ruby_sky #12 2013年04月21日

字段类型，改一下。

topswim #13 2013年04月21日

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

ywjno #14 2013年04月21日

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

aptx4869 #15 2013年04月21日

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

lonely21475 #16 2014年04月08日

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

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

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