问题标签 [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 回答
708 浏览

jquery - Bootstrap jQuery 按钮并单击以切换文本/输入字段

这里的 pastebin 链接:http: //pb.gizmokid2005.com/o8s(每个参考文献中的数字指的是粘贴中的行)。

我找到了一个与我在 stackoverflow[1] 上尝试做的事情非常相似的答案。

简而言之,我想要一个我可以使用的按钮,其中的文本也会切换,当它被点击时,它将切换一些文本/字段以显示/隐藏。

我的整个应用程序都在这里[2],我在此处为页面索引中的按钮添加了特定代码 [3]。我使用的 CSS 可以在 custom.css.scss[4] 中找到。

我的 heroku 开发站点是http://s.g2k5.us。如果您加载该站点,您会注意到该按钮正确显示了“显示详细信息”文本,但如果您单击它,文本就会消失,即使切换正常工作也是如此。

我遇到的另一个问题是,如果我将按钮代码移动到我试图切换的字段之前,即 - 将 /pages/index.html.erb 中的第 41 行移动到第 29 行之前,按钮文本不会根本不工作。

相关代码片段:

页面/index.html.erb[3]

custom.css.scss[4]

如果有任何问题,请对这篇文章表示抱歉(第一篇文章和 <10 代表也是如此)。我希望像示例一样使用现有的 apis/jQuery 来处理这个问题,但是这个问题让我很难过,并且没有多少搜索返回它的原因。

0 投票
3 回答
17511 浏览

twitter-bootstrap - 未应用 Bootstrap 3.1.0 模态大小

在更新我的bootstrap-sassgem 以3.1.0利用 modals (.modal-lg.modal-sm) 上的新大小选项后,我一直无法应用样式。我的代码如下:

据我所知,这在所有重要属性中几乎与示例相同:

但是,经过检查,modal-sm我的代码中没有像示例中那样评估该类,这导致我认为它可能没有以某种方式包含在 gem 中,或者我错过了什么?除了调整大小之外,模态还可以以其他方式工作。

0 投票
8 回答
16580 浏览

ruby-on-rails - Rails 4 + bootstrap 设置资产

我正在尝试使用在Rails4上设置引导程序,但出现了这个著名的错误:bootstrap-sass

我试过以下:

  1. twitter/bootstrapapplication.js
  2. gem 'bootstrap-sass', '~> 3.1.0'在集团资产之外
  3. 还尝试了互联网上的其他一些东西

我花了很多时间从其他帖子中获取不同的建议。我如何系统地调试这个,如何设置 bootstrap-sass ?

ps: 也一直在努力twitter-bootstrap-rails工作,但没有运气。

这里有一些文件

应用程序.js

应用程序.css.scss

宝石文件

0 投票
1 回答
773 浏览

ruby-on-rails - 无法将带有 sass 的样式表添加到 rails 项目

我正在使用 bootstrap-sass gem。使用这些说明https://github.com/twbs/bootstrap-sass#usage一切正常,除非我想添加新样式表。

应用程序.css.scss

目录结构

但是如果我添加 foo.css.scss/stylesheets/并添加@import 'foo'到 application.css.scss

我收到一个wrong number of arguments (2 for 1) (in app/assets/stylesheets/application.css.scss)错误

我可能做错了什么?

0 投票
2 回答
10769 浏览

css - 使用 Rails 4 引导 Sass

我正在尝试在我的 rails (4.0.0) 项目中使用 bootstrap-sass (3.1.0.2) 和 sass-rails (4.0.1)。

我的 application.css.scss 文件如下所示:

我的 bootstrap_and_overrides.css.scss 文件位于 stylesheets 文件夹中,如下所示:

我设置了一个测试页面来试用它:

当我启动服务器并访问页面时,它以纯文本呈现,没有引导样式。

任何关于做什么的想法将不胜感激。看来这里的一些人不使用宝石。这种方法有原因吗?非常感谢!

0 投票
1 回答
35110 浏览

css - Rails Bootstrap 如何格式化 form_for(宽度网格折叠)

我正在尝试使用 bootstrap-sass 制作表格。我需要找到引导类的最佳配置以使其看起来不错。它没有以我期望的方式显示,特别是当浏览器宽度小于某个大小时,标签和表单字段之间的空间会塌陷并且看起来不再好。如果它只发生在小宽度上就可以了,但事实并非如此。我真的很感激一些帮助,真的,form-horizontal用引导程序格式化的最佳方法是什么?

这是我的代码:

从注释掉的代码中可以看出,我首先使用了form-group类,但效果不佳。同样,问题是当浏览器的宽度小于特定大小时,标签和文本字段之间的空间会塌陷。右对齐的标签会失去对齐。浏览器必须几乎全屏才能正确显示,这是不对的,因为它有足够的空间在较小的宽度上正确显示。我正在关注本指南http://getbootstrap.com/css/#grid

编辑:在代码中添加了电子邮件字段,因为它的大小不同,更容易看到问题。

0 投票
1 回答
490 浏览

css - Bootstrap 3 显示错误的断点

我使用 bootstrap-sass gem 安装了 Twitter Bootstrap 3,就像我在所有项目中所做的一样。但是,在这个项目中,断点被错误地调用。我不能确切地知道它为我的屏幕呈现的分辨率,但它是错误的。我必须自定义将断点设置为较小的值才能使其正常工作。我使用的标准结构如下:

在我的 application.html.haml

然后我调用每个特定页面上的引导类(因为我想使用完整的背景和偏移的文本),如下所示:

主页.html.haml

您可以使用此工具将我的 haml 转换为 erb:http ://www.haml-converter.com/ 。除此之外,我真的不知道还能做什么。也许是因为我使用 @import "bootstrap" 调用引导程序;在 application.css.scss 中?我尝试使用 *= require 这样做,但在 git repo 上我被警告不要这样做。此外,当我这样做时,没有加载谷歌字体。最后,提到当我最初创建项目时,我遇到了引导程序问题,其中 .row 在窗口的最大宽度上每边流动约 15 像素,这可能会有所帮助。我通过将 .row 的左右边距设置为 0 来解决此问题。

提前感谢您的帮助,祝您一切顺利!

0 投票
1 回答
1372 浏览

joomla - 如何在 Joomla 中向 JHtml 添加引导类

我正在使用以下代码来显示从 gravatar.com 获取的图像,因此我想使用引导 CSS 类使其更具吸引力。一旦我添加样式而不是显示图像,它就会向我显示图像的链接,当我重定向到链接时,我能够看到图像。为什么我会得到这个?

$grav_url是我为图像获取的 url,img-circle也是我想要使用的引导类。

0 投票
4 回答
14919 浏览

ruby-on-rails - rails bootstrap-sass assets 编译错误 - 未定义的变量警报填充

所有的道路都指向 bootstrap-sass

推荐链:

它被报告为 bootstrap-rails gem 的问题:https ://github.com/anjlab/bootstrap-rails/issues/91

我相信我安装正确

宝石

已安装(在资产组的外部和内部尝试),application.css.scss 包含

只要。

但它给了我一个错误

尝试bundle exec rake assets:precompile时出现此错误:

我检查了/home/joe/.rbenv/versions/1.9.3-p448/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.0/vendor/assets/stylesheets/bootstrap.scss确实bootsrap/首先在目录中导入了它下面的_variables.scss文件(在_alerts.scss等之前),它确实......并且在_variables.scss中它定义了$alert_padding。

我怀疑我遗漏了一些明显的东西

environments/production.rb文件中,我将有关资产的所有内容都注释掉了,并config.assets.initialize_on_precompile = true按照手册进行了尝试https://github.com/twbs/bootstrap-sass

研究至今

确定的问题

我将 gem 的内容复制到我的资产目录中,这基本上就是 jlong​​ 的引导程序所做的。

它没有看application.css.scss...它忽略了我放在那里的内容,而是选择查看文件夹并加载这些文件。这就是它首先看到 alerts.scss 的原因。我尝试将 _variables.scss 的名称更改为 _aavariables.scss 无济于事

0 投票
0 回答
651 浏览

ruby-on-rails - twbs-bootstrap-sass + rails 4 在生产环境中未显示字形图标

我正在使用twbs-bootstrap-sass 3.1.1(使用凉亭安装)与 Rails 4.0.2 一起使用

问题是字形图标在生产环境中不起作用。

我有一个 app.css.scss 文件,其中包含以下内容:

这在开发环境中工作,但在生产中,检查(使用 chrome),我有这个错误:

我将$icon-font-path更改为/fonts以进行测试。在生产中消失 404 错误,但我看不到图标工作。这也破坏了开发配置。