问题标签 [bootstrap-sass]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Bootstrap-sass 更改导航栏颜色
我正在尝试将 navbar-inverse 类应用于我的左侧导航栏。这是我的代码,它位于我的布局文件中:
但是,我的导航栏仍然以默认颜色显示。我在这里做错了什么?
ruby-on-rails - Rails + Bootstrap:字体路径不包括基本 URI(生产)
我正在使用 bootstrap-sass gem,在生产中我的 rails 应用程序部署在子文件夹下,即根目录是http://www.example.com/sub/
. 除了字体(特别是 Glyphicons)之外,一切都很好:在 CSS 中,字体的路径是这样的:
什么时候应该
CSS 和 JS 资产都有正确的路径,但字体没有。我已经查看了文档(以及网络的其余部分)一段时间,但找不到如何更改它——在资产管道方面我是个菜鸟。
我已经将它部署在 Linux-Apache-Passenger 上。
编辑:我应该补充一点,我的 Apache 站点配置中有这个:
css - Bootstrap-sass 在 Rails 应用程序中不起作用
我正在尝试为一个在 gemfile 中包含以下内容的 rails 应用程序做出贡献:
似乎除了列之外,我的布局中的所有内容都可以正常工作:
<div class="col-md-6">
对其包装的内容没有任何影响。
但是,如果我添加这一行:
对我<head>
来说,<div class="col-md-6">
工作完美,但其他几个引导类不起作用,特别是在navbar
我有的地方。
如何在不包含以下行的情况下获得上述 div 类的效果?
ruby-on-rails - Bootstrap-sass gem:如何有选择地只取你需要的 CSS 组件?
我们正在使用这个 gem将 Bootstrap 集成到我们的 Rails 应用程序中。我一直在寻找一些我们不需要的 css 组件,例如 Glyphicons。我只是在理解 README 中的这段代码时遇到了一些麻烦:
您还可以显式导入组件。要从完整的模块列表开始,请从 gem 复制此文件:
我到底应该在这里做什么?
ruby-on-rails - Railscarrierwave + jcrop + bootstrap
我正在使用带有 gem mini_magick、carrierwave、jcrop-rails-v2 和 bootstrap-sass 的 Rails 4。我有一张图片上传,可以在保存后裁剪图像,但我需要在保存到引导模式之前对其进行裁剪。找到本教程: http: //mark.stratmann.me/content_items/image-cropping-with-rails-3-2-carrierwave-bootstrap-modals-jcrop 但我是 Rails 新手,它似乎很复杂,我不知道不知道如何将这些东西与我的代码合并。我需要做但不知道如何做的另一件事是在裁剪后保留原始文件。
我的文件:
users_controller.rb:
用户.rb
avatar_uploader.rb:
users.js.coffee:
我将它基于 rails cast #182。谢谢你。
css - 如何获取 twitter bootstrap 3 颜色列表?
我正在使用 twitter bootstrap sass 3.0.3.0 gem,它应该对应于最新的 twitter bootstrap 3.0.3。我正在查看较少变量的“自定义”部分,但找不到太多颜色。如何获取 bootstrap 3 提供的颜色列表?
例如,搜索 blue bootstrap 3 docs不会返回任何结果。而在bootsrap 2 文档中搜索蓝色则显示为蓝色。
谢谢!
twitter-bootstrap - 在中间人模板上添加 Bootstrap-sass
我在当前的 Middleman 模板上添加了 Twitter bootstrap-sass。
https://github.com/twbs/bootstrap-sass
除了添加引导 javascript 之外,所有的 CSS 和东西都运行良好。
我在 layout.haml 文件中添加了这段代码
然后告诉我这个错误,
ruby-on-rails - RoR & Twitter Bootstrap 3 - cols, no matter the dimension always appear in new row
I am following Michael Hartl's Ruby on Rails tutorial currently but decided to work with the newest Twitter Bootstrap 3. I am just experimenting around with the grid system but I can't seem to get the cols, no matter if it is col-sx-, col-sm-, col-md- or col-lg- to appear beside each other. I am using the sass-rails 4.0.1 gem and bootstrap-sass 3.0.3.0.
Here's my code:
and this is how it is rendered: http://imgur.com/oCemGWS
How do I get the columns to appear beside each other as they should?
ruby-on-rails-4 - Sass 无法从 bootstrap-sass gem 中找到引导文件
我有一个新的 rails 应用程序,我正在尝试使用 bootstrap-sass gem。当我@import "bootstrap";
在我的 app/assets/stylesheets 文件夹中添加 .scss 文件时,我收到此 SASS 编译错误:
我已经看到许多其他人都遇到了这个错误,但建议的一切都没有奏效。我确保在运行后重新启动服务器bundle install
,我什至删除了我的整个 gemset 并重新开始。不过,在按照 bootstrap-sass github 页面上的说明进行操作时,我得到了这个错误,我无法弄清楚!
宝石文件:
来源“ https://rubygems.org ”
红宝石'2.0.0'
宝石'导轨','4.0.0.rc2'
宝石'pg','〜> 0.17.1'
宝石'咖啡轨','〜> 4.0.0'
gem 'sass-rails', '>= 3.2'
gem 'bootstrap-sass', '~> 3.0.3.0'
gem 'uglifier', '>= 1.3.0'
宝石'jquery-rails'
宝石“涡轮链接”
宝石'jbuilder','〜> 1.2'
组:doc做
宝石'sdoc',要求:假
结尾
gem 'bcrypt-ruby', '~> 3.0.0'
和错误输出:
sass --update '/app_root/app/assets/stylesheets/' > 错误 /path/to/app_root/app/assets/stylesheets/global.scss (第 1 行:> 文件到 > 导入未找到或不可读:引导程序。加载路径:/path/to/app_root/app/assets/stylesheets /path/to/app_root/app/assets/stylesheets) > 编译异常退出,代码为 1
我认为“加载路径”可能存在问题,但是当我打开 rails 控制台并检查 Sass.load_paths 时,它包含 bootstrap-sass gem 的目录。
欢迎大家提出意见。我已经尝试了几个小时来处理这个问题,但无济于事。
ruby-on-rails - Bootstrap-Sass 不适用于 Rails 4
我最近尝试按照https://github.com/twbs/bootstrap-sass#sass中的步骤使用 boostrap-sass - 但是当我尝试在 localhost 上查看我的网页时似乎出现错误。这是我运行 rails server 时的错误消息 注意:我已将 gem 'bootstrap-sass', '~> 3.0.3.0' 添加到 gem 文件中,并将 @import 'bootstrap' 添加到我的 styles.css.scss文档