簡體   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