- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这里的新领域:Rails 7.0.1、Ruby 3.1.0
rails new rails7app
bin/importmap pin bootstrap
将 Bootstrap 添加到应用程序。
Bootstrap是js和css的结合体。 bootstrap-icons
似乎基本上是 css。使用 yarn/npm 方法,yarn install bootstrap-icons
有效,但使用 Rails 7 且没有 npm bin/importmap pin bootstrap-icons
无效。有点意料之中,因为这是 css。
如何将 bootstrap-icons
添加到基本的 Rails 7 应用程序?
最佳答案
Importmaps 仅处理 javascript。
您需要将 Bootstrap 添加到您的 gem 文件中
gem 'bootstrap', '~> 5.1', '>= 5.1.3'
建议同时取消注释 gem 文件中的 sassc-rails 行
gem 'sassc-rails'
然后您应该能够在您的 app/assets/stylesheets/application.scss
@import "bootstrap";
编辑:
抱歉,为了添加 Bootstrap 图标部分,您的 app/assets/stylesheets/application.scss
也需要导入 Bootstrap 图标 css。您可以在导入时引用 CDN 或将 css 放在您的 /vendor
文件夹中并在导入时引用相对路径。
这是使用CDN方式的app/assets/stylesheets/application.scss
@import "bootstrap";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
然后您可以将图标添加到您的 View 页面。
此代码在我的 home.html.erb
上并呈现蓝色闹钟。
<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>
关于ruby-on-rails - 如何在 Rails 7 和 importmaps 中使用 bootstrap-icons,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70775355/
这里是一个轻量级的 Ubuntu 用户(WSL)。 我在 rails 7 中发出了命令(即使作为 root 用户)bin/importmap pin bootstrap和 ./bin/importma
我用 webpack 创建了一个 javascript 库,它输出一个 systemjs 模块。这个模块依赖于我指定为外部的 react。 生成的 javascript 文件如下所示: System.
./bin/importmap pin jquery 使用这个命令固定 jquery 在application.js文件中 import jquery from "jquery" window.jQu
我有 Spring RESTfull 应用程序,我想为它生成一个 API。我从那里使用 gradle 配置 https://github.com/Casturan/swagger-gradle-exa
我尝试使用 importmap-rails 在 rails 7 中添加 view_component。 我认为这很简单: 更新config/initializers/assets.rb与:Rails.
我尝试使用 importmap-rails 在 rails 7 中添加 view_component。 我认为这很简单: 更新config/initializers/assets.rb与:Rails.
这两个声明在Golang项目 Bazel BUILD 文件中具有什么不同功能。 示例场景: go_library( name = "go_default_library", srcs
我最近将一个应用程序升级到了 Rails 7,我正在为我的所有 javascript 使用 importmap-rails。以前该应用程序使用 Webpacker,除了自定义 Trix 工具栏以将下划
当使用带有导入映射的 Rails 7 时,我应该将只应由一个 View 执行的代码放在哪里? 具体来说,我有一个 View 需要在加载时运行一些 Javascript 代码。我的 Javascript
我想在 Ruby on Rails 7 项目的页面中添加一个复制到剪贴板按钮。 config/importmap.rb: pin "clipboard.js", to: "https://cdn.js
我正在尝试在一个新的 Rails 7 应用程序上使用 Select2,但遇到如下困难: 我已将它固定到我的导入图中并像这样导入它: pin "application", preload: true p
这里的新领域:Rails 7.0.1、Ruby 3.1.0 rails new rails7app bin/importmap pin bootstrap 将 Bootstrap 添加到应用程序。 B
我正在尝试在一个新的 Rails 7 应用程序上使用 Select2,但遇到如下困难: 我已将它固定到我的导入图中并像这样导入它: pin "application", preload: true p
这里的新领域:Rails 7.0.1、Ruby 3.1.0 rails new rails7app bin/importmap pin bootstrap 将 Bootstrap 添加到应用程序。 B
我是一名优秀的程序员,十分优秀!