如何使用语义UI设置Rails应用程序?

兽码

我已经安装了语义UI Rails gem

gem 'semantic-ui-rails'

我现在尝试使用Symantec UI文档中的以下示例代码创建一个简单的导航栏:

<div class="ui secondary pointing menu">
  <a class="active item">
    Home
  </a>
  <a class="item">
    Messages
  </a>
  <a class="item">
    Friends
  </a>
  <div class="right menu">
    <a class="ui item">
      Logout
    </a>
  </div>
</div>
<div class="ui segment">
  <p></p>
</div>

出现纯文本,但没有语义UI格式和样式。我需要配置一些东西才能启动和运行语义UI吗?

亚历山德罗布

将以下行放入您的Gemfile中:

gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'

运行捆绑器:

bundle install

在您的application.css.scss上导入语义用户界面:

@import "semantic-ui";

在您的application.js上需要javascript:

//= require semantic-ui

之后,您应该可以使用语义UI的组件了。您可以在gem repo中找到更多信息。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用语义UI CDN?

来自分类Dev

如何使用语义ui样式?

来自分类Dev

如何使用语义UI组件设置宽度和高度输入

来自分类Dev

如何使用语义UI右对齐按钮

来自分类Dev

如何在Webpack中使用语义UI?

来自分类Dev

如何使用语义UI反应下拉菜单

来自分类Dev

使用语义UI的Codeigniter分页

来自分类Dev

使用语义UI高亮显示代码

来自分类Dev

如何仅使用语音命令浏览Google Glass GDK浸入式应用程序?

来自分类Dev

如何使用基于多架构的应用程序Rails设置延迟的作业?

来自分类Dev

如何为Heroku网站设置Rails的Facebook应用程序?

来自分类Dev

如何设置本地SSL证书和Rails应用程序?

来自分类Dev

Rails应用程序如何设置环境(开发,暂存等)?

来自分类Dev

如何为Heroku网站设置Rails的Facebook应用程序?

来自分类Dev

如何在Rails应用程序中安装jQuery UI?

来自分类Dev

如何使用SqlDatabaseSink为语义记录应用程序块创建数据库

来自分类Dev

如何使用SqlDatabaseSink为语义记录应用程序块创建数据库

来自分类Dev

Rails:如何使用Rails应用程序转换引导模板?

来自分类Dev

如何使用语义UI API发出JSON内容类型的POST请求

来自分类Dev

如何使用语义UI和Meteor提交实时验证的表单?

来自分类Dev

如何使用语义UI创建子菜单可滚动下拉菜单?

来自分类Dev

如何在另一个中使用语义 ui 添加 div?

来自分类Dev

如何组织语义记录应用程序块的事件源?

来自分类Dev

如何组织语义记录应用程序块的事件源?

来自分类Dev

语义Web应用程序-使用BBC Sports本体

来自分类Dev

如何从azure应用程序设置或azure功能应用程序的文件中使用Serilog配置?

来自分类Dev

如何使用Razor语法引用应用程序设置

来自分类Dev

如何使用AWS设置AngularJS应用程序?

来自分类Dev

如何设置使用离子的推送通知的应用程序图标?

Related 相关文章

  1. 1

    如何使用语义UI CDN?

  2. 2

    如何使用语义ui样式?

  3. 3

    如何使用语义UI组件设置宽度和高度输入

  4. 4

    如何使用语义UI右对齐按钮

  5. 5

    如何在Webpack中使用语义UI?

  6. 6

    如何使用语义UI反应下拉菜单

  7. 7

    使用语义UI的Codeigniter分页

  8. 8

    使用语义UI高亮显示代码

  9. 9

    如何仅使用语音命令浏览Google Glass GDK浸入式应用程序?

  10. 10

    如何使用基于多架构的应用程序Rails设置延迟的作业?

  11. 11

    如何为Heroku网站设置Rails的Facebook应用程序?

  12. 12

    如何设置本地SSL证书和Rails应用程序?

  13. 13

    Rails应用程序如何设置环境(开发,暂存等)?

  14. 14

    如何为Heroku网站设置Rails的Facebook应用程序?

  15. 15

    如何在Rails应用程序中安装jQuery UI?

  16. 16

    如何使用SqlDatabaseSink为语义记录应用程序块创建数据库

  17. 17

    如何使用SqlDatabaseSink为语义记录应用程序块创建数据库

  18. 18

    Rails:如何使用Rails应用程序转换引导模板?

  19. 19

    如何使用语义UI API发出JSON内容类型的POST请求

  20. 20

    如何使用语义UI和Meteor提交实时验证的表单?

  21. 21

    如何使用语义UI创建子菜单可滚动下拉菜单?

  22. 22

    如何在另一个中使用语义 ui 添加 div?

  23. 23

    如何组织语义记录应用程序块的事件源?

  24. 24

    如何组织语义记录应用程序块的事件源?

  25. 25

    语义Web应用程序-使用BBC Sports本体

  26. 26

    如何从azure应用程序设置或azure功能应用程序的文件中使用Serilog配置?

  27. 27

    如何使用Razor语法引用应用程序设置

  28. 28

    如何使用AWS设置AngularJS应用程序?

  29. 29

    如何设置使用离子的推送通知的应用程序图标?

热门标签

归档