问题标签 [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.

0 投票
1 回答
722 浏览

ruby-on-rails - Bootstrap-sass 更改导航栏颜色

我正在尝试将 navbar-inverse 类应用于我的左侧导航栏。这是我的代码,它位于我的布局文件中:

但是,我的导航栏仍然以默认颜色显示。我在这里做错了什么?

0 投票
3 回答
1127 浏览

ruby-on-rails - Rails + Bootstrap:字体路径不包括基本 URI(生产)

我正在使用 bootstrap-sass gem,在生产中我的 rails 应用程序部署在子文件夹下,即根目录是http://www.example.com/sub/. 除了字体(特别是 Glyphicons)之外,一切都很好:在 CSS 中,字体的路径是这样的:

什么时候应该

CSS 和 JS 资产都有正确的路径,但字体没有。我已经查看了文档(以及网络的其余部分)一段时间,但找不到如何更改它——在资产管道方面我是个菜鸟。

我已经将它部署在 Linux-Apache-Passenger 上。

编辑:我应该补充一点,我的 Apache 站点配置中有这个:

0 投票
3 回答
10250 浏览

css - Bootstrap-sass 在 Rails 应用程序中不起作用

我正在尝试为一个在 gemfile 中包含以下内容的 rails 应用程序做出贡献:

似乎除了列之外,我的布局中的所有内容都可以正常工作:

<div class="col-md-6">对其包装的内容没有任何影响。

但是,如果我添加这一行:

对我<head>来说,<div class="col-md-6">工作完美,但其他几个引导类不起作用,特别是在navbar我有的地方。

如何在不包含以下行的情况下获得上述 div 类的效果?

0 投票
1 回答
782 浏览

ruby-on-rails - Bootstrap-sass gem:如何有选择地只取你需要的 CSS 组件?

我们正在使用这个 gem将 Bootstrap 集成到我们的 Rails 应用程序中。我一直在寻找一些我们不需要的 css 组件,例如 Glyphicons。我只是在理解 README 中的这段代码时遇到了一些麻烦:

您还可以显式导入组件。要从完整的模块列表开始,请从 gem 复制此文件:

我到底应该在这里做什么?

0 投票
0 回答
893 浏览

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。谢谢你。

0 投票
1 回答
30673 浏览

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 文档中搜索蓝色则显示为蓝色。

谢谢!

0 投票
1 回答
2218 浏览

twitter-bootstrap - 在中间人模板上添加 Bootstrap-sass

我在当前的 Middleman 模板上添加了 Twitter bootstrap-sass。

https://github.com/twbs/bootstrap-sass

除了添加引导 javascript 之外,所有的 CSS 和东西都运行良好。

我在 layout.haml 文件中添加了这段代码

然后告诉我这个错误,

0 投票
2 回答
327 浏览

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?

0 投票
1 回答
1771 浏览

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 的目录。

欢迎大家提出意见。我已经尝试了几个小时来处理这个问题,但无济于事。

0 投票
1 回答
1104 浏览

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文档