问题标签 [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.
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 来处理这个问题,但是这个问题让我很难过,并且没有多少搜索返回它的原因。
twitter-bootstrap - 未应用 Bootstrap 3.1.0 模态大小
在更新我的bootstrap-sass
gem 以3.1.0
利用 modals (.modal-lg
和.modal-sm
) 上的新大小选项后,我一直无法应用样式。我的代码如下:
据我所知,这在所有重要属性中几乎与示例相同:
但是,经过检查,modal-sm
我的代码中没有像示例中那样评估该类,这导致我认为它可能没有以某种方式包含在 gem 中,或者我错过了什么?除了调整大小之外,模态还可以以其他方式工作。
ruby-on-rails - Rails 4 + bootstrap 设置资产
我正在尝试使用在Rails4上设置引导程序,但出现了这个著名的错误:bootstrap-sass
我试过以下:
twitter/bootstrap
在application.js
gem 'bootstrap-sass', '~> 3.1.0'
在集团资产之外- 还尝试了互联网上的其他一些东西
我花了很多时间从其他帖子中获取不同的建议。我如何系统地调试这个,如何设置 bootstrap-sass ?
ps:
也一直在努力twitter-bootstrap-rails
工作,但没有运气。
这里有一些文件
应用程序.js
应用程序.css.scss
宝石文件
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)
错误
我可能做错了什么?
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 文件夹中,如下所示:
我设置了一个测试页面来试用它:
当我启动服务器并访问页面时,它以纯文本呈现,没有引导样式。
任何关于做什么的想法将不胜感激。看来这里的一些人不使用宝石。这种方法有原因吗?非常感谢!
css - Rails Bootstrap 如何格式化 form_for(宽度网格折叠)
我正在尝试使用 bootstrap-sass 制作表格。我需要找到引导类的最佳配置以使其看起来不错。它没有以我期望的方式显示,特别是当浏览器宽度小于某个大小时,标签和表单字段之间的空间会塌陷并且看起来不再好。如果它只发生在小宽度上就可以了,但事实并非如此。我真的很感激一些帮助,真的,form-horizontal
用引导程序格式化的最佳方法是什么?
这是我的代码:
从注释掉的代码中可以看出,我首先使用了form-group
类,但效果不佳。同样,问题是当浏览器的宽度小于特定大小时,标签和文本字段之间的空间会塌陷。右对齐的标签会失去对齐。浏览器必须几乎全屏才能正确显示,这是不对的,因为它有足够的空间在较小的宽度上正确显示。我正在关注本指南http://getbootstrap.com/css/#grid
编辑:在代码中添加了电子邮件字段,因为它的大小不同,更容易看到问题。
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 来解决此问题。
提前感谢您的帮助,祝您一切顺利!
joomla - 如何在 Joomla 中向 JHtml 添加引导类
我正在使用以下代码来显示从 gravatar.com 获取的图像,因此我想使用引导 CSS 类使其更具吸引力。一旦我添加样式而不是显示图像,它就会向我显示图像的链接,当我重定向到链接时,我能够看到图像。为什么我会得到这个?
这$grav_url
是我为图像获取的 url,img-circle
也是我想要使用的引导类。
ruby-on-rails - rails bootstrap-sass assets 编译错误 - 未定义的变量警报填充
所有的道路都指向 bootstrap-sass
推荐链:
- railscast-328 (twitter bootstrap basics) 指
- http://www.sitepoint.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/指
- https://github.com/jlong/ sass-bootstrap 这反过来又惊呼有一个新的官方引导端口到 sass
- https://github.com/twbs/bootstrap-sass这是 twitter-bootstrap 文章中的另一个选项
它被报告为 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
研究至今
- bootstrap-sass:未定义变量:“$baseLineHeight”
- Rails 中正确的 SCSS 资产结构
- 将 twitter bootstrap 与 rails assets pipeline 和 less 一起使用
- https://github.com/twbs/bootstrap-sass/issues/79#issuecomment-4428595
- 尝试通过 heroku 上的 bootstrap-sass 导入引导程序但出现错误
- https://github.com/twbs/bootstrap-sass
- https://github.com/anjlab/bootstrap-rails/issues/91
- railscast 328、329 和 268 寻找线索
- 谷歌搜索
- 修改 gem 的 bootstrap/bootstrap.scss 以使用下划线和 .scss,各种修补,例如注释掉与资产相关的行
environments/production.rb
,仅注释 gem 页面中的行(手动)config.assets.initialize_on_precompile = true
确定的问题
我将 gem 的内容复制到我的资产目录中,这基本上就是 jlong 的引导程序所做的。
它没有看application.css.scss
...它忽略了我放在那里的内容,而是选择查看文件夹并加载这些文件。这就是它首先看到 alerts.scss 的原因。我尝试将 _variables.scss 的名称更改为 _aavariables.scss 无济于事
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 错误,但我看不到图标工作。这也破坏了开发配置。