如何解决简单表单单选按钮-未对齐轨道
我创建了一个simple_form,一切看起来都很不错-除了单选按钮在侧面,而且我不知道如何将其放置在“活动”前面。
这是现在的样子:
我尝试调整页面大小,向单选按钮添加更多选项,更改样式,但我似乎无法将其缩小。
这是我的简单形式代码:
<div class = "container">
<h1>Edit details</h1>
<%= simple_form_for @project do |f| %>
<div class = "row p-3">
<div class = "col-6">
<%= f.input :name %>
</div>
<div class = "col-6">
<%= f.input :description %>
</div>
</div>
<div class = "row p-3">
<div class = "col-6">
<%= f.input :plan,collection: ["Design","MVP","Beta","Startup","Full Time","Enterprise","Custom"]%>
</div>
<div class = "col-6">
<%= f.input :planhours %>
</div>
</div>
<div class="row p-3">
<div class = "col-3">
<%= f.input :plandate,as: :date,html5: true %>
</div>
<div class = "col-3">
<%= f.input :duration %>
</div>
<div class = "col-3">
<%= f.input :starthourtrack,:label => "Start new dev cycle on",html5: true %>
</div>
<div class = "col-3">
<%= f.input :status,:label => "Project Status",:collection => [[true,'Active'],[false,'Inactive']],:label_method => :last,:value_method => :first,:as => :radio_buttons,:checked => true%>
</div>
</div>
</br>
<%= f.submit 'Update',class: 'btn btn-primary' %>
<% end %>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。