繁体   English   中英

响应式引导程序不适用于Rails中的移动项目

[英]Responsive bootstrap not working on mobile in rails project

在此处输入图片说明 我在Rails上使用devise gem

如果按下选择表单按钮的表单下拉溢出屏幕大小,则选择表单无法正常工作,请帮助我。

views/registration/new.html.erb

<div class="field">

    <%= f.label :Industry_Type %> : </b><br />
    <%= f.select :industry,options_for_select([["Select One", ""],
                                            'Automobiles & Transportions', 
                                            'Computer & Telecommunication', 
                                            'Electronics', 
                                            'Electrical']),{},
                                            {class: "form form-group form-control"}%>
</div>

尝试以下操作,它可以正常工作

<%= f.select :industry, [["Select One", " "], 
                        ["Automobiles & Transportions"], 
                        ["Computer & Telecommunication"], 
                        ["Electronics"], ["Electrical" ]],{}, 
                        class: 'form form-group form-control'%>

生成的HTML代码

<select class="form form-group form-control" name="user[industry]" id="user_industry">
    <option value=" ">Select One</option>
    <option value="Automobiles & Transportions">Automobiles & Transportions</option>
    <option value="Computer & Telecommunication">Computer & Telecommunication</option>
    <option value="Electronics">Electronics</option>
    <option value="Electrical">Electrical</option>
</select>

问题更新后编辑

当您使用100%时,在屏幕尺寸的顶部,它将正确显示,您必须看到45%,将这45%更改为100%

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM