Ruby China

新手问题 请教一个 bootstrap 表单样式的问题

n00b1 · 2013年11月21日 · 最后由 n00b1 回复于 2013年11月22日 · 3063 次阅读

请问达人们我如何将这个f.datetime_select生成出来并放到了 bootstrap 的<control-group>的元素全部‘塞’到一行中去呢？我试了加入 inline class 但是不行

lionzixuanyuan #1 2013年11月21日

调整一下下拉筐的宽度呢

n00b1 #2 2013年11月21日

#1 楼 @lionzixuanyuan 请问是自己在 div 标签里面加入 width 的 style 吗？

n00b1 #3 2013年11月21日

我尝试了这样也没有效果

<%= form_for @post, class: 'form-horizontal' do |f| %>
  <div class='form-group'>
    <%= f.datetime_select :starts_at %>
  </div>
<% end %>
song940 #4 2013年11月21日

<input type='date' />

gsshcl #5 2013年11月21日

.form-group 上加 class .col-xs-1/.col-xs-2/... http://getbootstrap.com/css/#grid

ls 的方法也很好，不过看浏览器的。

n00b1 #6 2013年11月22日

#4 楼 @song940 介个好像不支持 ie 呀

n00b1 #8 2013年11月22日

#7 楼 @song940 我看了那个貌似是 datepicker，不是 datetimepicker

n00b1 #10 2013年11月22日

#9 楼 @song940 这个太棒了！但还望指点下如何和我的 f.datetime_select <%= f.datetime_select :starts_at %>结合起来呢...

song940 #11 2013年11月22日

仅参考 :

  1. 下载包 , 把js 和 css 放到 assets 目录的相应目录 .
  2. datetime_select 改为 text_field , 并添加一个 :class => 'datetimepicker'
  3. 在 application.js.coffee 添加 $ -> $('.datetimepicker').datetimepicker()

其他要求多看看 : http://tarruda.github.io/bootstrap-datetimepicker , 上面写的很清楚 .

代码临时写的 , 不要完全复制 .

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