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

阿达什

在此处输入图片说明我在 Rails 上使用设计 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%

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

响应式设计不适用于heroku部署的Rails应用程序?

来自分类Dev

Rails编辑/更新操作不适用于嵌套项目

来自分类Dev

Rails编辑/更新操作不适用于嵌套项目

来自分类Dev

@import不适用于Rails项目中的“ application.css.scss”文件,仅可用作“ application.css”

来自分类Dev

响应式网页设计适用于桌面,但不适用于移动设备,它不会加载 CSS 和 JavaScript

来自分类Dev

Bootstrap嵌入响应式格式不适用于横向移动浏览器

来自分类Dev

LocalStorage 不适用于移动设备?

来自分类Dev

Ajax 不适用于移动设备

来自分类Dev

简单搜索不适用于 rails 应用程序

来自分类Dev

XPages引导CSS不适用于动态生成的项目

来自分类Dev

引导导航栏切换不适用于移动设备

来自分类Dev

网格项目点击事件不适用于像移动设备这样的小屏幕

来自分类Dev

仅适用于移动设备且仅适用于 Woocommerce 单页的全宽非响应式 CSS

来自分类Dev

适用于不同设备的响应式文本视图

来自分类Dev

如何制作适用于Web和移动设备的SVG响应式进度栏?

来自分类Dev

视差不适用于Rails

来自分类Dev

ReactJS渲染不适用于Rails

来自分类Dev

Bootstrap scrollspy不适用于Rails

来自分类Dev

视差不适用于Rails

来自分类Dev

轮播不适用于移动设备的屏幕

来自分类Dev

jQuery Ajax调用不适用于移动设备

来自分类Dev

CSS3过渡不适用于移动设备

来自分类Dev

全屏背景不适用于移动设备

来自分类Dev

img div 不适用于移动设备

来自分类Dev

Twitter共享链接不适用于移动设备,但适用于台式机

来自分类Dev

媒体查询适用于Chrome,但不适用于移动设备

来自分类Dev

锚链接适用于桌面但不适用于移动设备

来自分类Dev

单击时的 jQuery 类适用于桌面,但不适用于移动设备

来自分类Dev

使用SQL移动方法逻辑以在Rails项目中建模

Related 相关文章

  1. 1

    响应式设计不适用于heroku部署的Rails应用程序?

  2. 2

    Rails编辑/更新操作不适用于嵌套项目

  3. 3

    Rails编辑/更新操作不适用于嵌套项目

  4. 4

    @import不适用于Rails项目中的“ application.css.scss”文件,仅可用作“ application.css”

  5. 5

    响应式网页设计适用于桌面,但不适用于移动设备,它不会加载 CSS 和 JavaScript

  6. 6

    Bootstrap嵌入响应式格式不适用于横向移动浏览器

  7. 7

    LocalStorage 不适用于移动设备?

  8. 8

    Ajax 不适用于移动设备

  9. 9

    简单搜索不适用于 rails 应用程序

  10. 10

    XPages引导CSS不适用于动态生成的项目

  11. 11

    引导导航栏切换不适用于移动设备

  12. 12

    网格项目点击事件不适用于像移动设备这样的小屏幕

  13. 13

    仅适用于移动设备且仅适用于 Woocommerce 单页的全宽非响应式 CSS

  14. 14

    适用于不同设备的响应式文本视图

  15. 15

    如何制作适用于Web和移动设备的SVG响应式进度栏?

  16. 16

    视差不适用于Rails

  17. 17

    ReactJS渲染不适用于Rails

  18. 18

    Bootstrap scrollspy不适用于Rails

  19. 19

    视差不适用于Rails

  20. 20

    轮播不适用于移动设备的屏幕

  21. 21

    jQuery Ajax调用不适用于移动设备

  22. 22

    CSS3过渡不适用于移动设备

  23. 23

    全屏背景不适用于移动设备

  24. 24

    img div 不适用于移动设备

  25. 25

    Twitter共享链接不适用于移动设备,但适用于台式机

  26. 26

    媒体查询适用于Chrome,但不适用于移动设备

  27. 27

    锚链接适用于桌面但不适用于移动设备

  28. 28

    单击时的 jQuery 类适用于桌面,但不适用于移动设备

  29. 29

    使用SQL移动方法逻辑以在Rails项目中建模

热门标签

归档