Rails + Bootstrap主题: Bootstrap覆盖我的CSS / Google字体

文章/答案/技术大牛

发布

0回答

html、css、ruby-on-rails、twitter-bootstrap、themes

我目前正在尝试将Bootstrap主题集成到我的rails项目中。我已经安装了Bootstrap-Sass Gem &我正在尝试使用Google字体，使用他们在标题中提供的链接标签。目前看来，Bootstrap似乎正在覆盖Google字体(&可能是其他CSS)，我不确定如何解决

浏览 2提问于2017-06-10得票数 1

回答已采纳

1回答

在Chrome、Safari或Firefox中加载但不显示的FontAwesome (显示小框)

ruby-on-rails、ruby-on-rails-3、fonts、ruby-on-rails-3.2、font-face

在Rails 3.2.1和Ruby1.9.2中，我在app/assets/fonts目录中有字体-awesome.css、字体-awesome.min.css和字体-e7.min.css。我的应用程序的主css文件中有这样的内容： width: 1em; display:block; curso

浏览 1提问于2013-03-14得票数 1

2回答

无需更改字体即可引导字形图标

css、twitter-bootstrap、twitter-bootstrap-3、glyphicons

我使用的是Bootstraps字形图标，包括如下所示：<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <link href="/&#x

浏览 0提问于2014-06-27得票数 1

2回答

字体强大的图标对齐方式

css、ruby-on-rails、twitter-bootstrap、sass、font-awesome

我正在使用bootstrap-sass和font- and sass-rails gem，并通过添加bootstrap- and -overrides.css.scss成功地消除了重复图标(来自字形图标)： background-image:none;然而，现在我遇到了图标稍微越界的问题。以前的字形图标是完美的。现在我看到了：我想将图标下

浏览 0提问于2012-09-08得票数 0

回答已采纳

8回答

Rails 4+引导设置资产

ruby-on-rails、twitter-bootstrap、ruby-on-rails-4、asset-pipeline、bootstrap-sass

我正在尝试使用Rails4设置bootstrap-sass引导程序，并得到了以下著名错误： (in app/assets/javascripts/application.js:16): gem'<

浏览 5提问于2014-02-03得票数 15

4回答

bootstrap不支持文本系列、粗细和行高

html、css、bootstrap-4

我正在练习通过bootstrap添加网格布局。我正在尝试将字体添加到中，但是对我添加的内容没有任何影响。我真的上了一课，真不敢相信老师可以改变字体样式，行高和文本粗细，而我却不能；即使我在抄袭她教我的东西。每个人都可以帮助我，给我一些建议吗？ ? ? body{ font-family: 'Ubun

浏览 103提问于2021-02-24得票数 0

回答已采纳

2回答

Bootstrap文件输入插件，图标不显示，该如何修复？

jquery、css、spring、twitter-bootstrap、spring-mvc

我在我的演示中使用了引导文件输入插件，现在我可以上传多部分文件到控制器，然后存储在数据库中，但是图标丢失了。"<link rel="stylesheet" type="text/css" href="${contextPath}/js&

浏览 2提问于2017-12-07得票数 0

1回答

如何使用bootswatch variables.less文件从源代码正确编译新版bootstrap

twitter-bootstrap、bootswatch

我一直在尝试从bootswatch获取一个主题来编译成一个新的bootstrap.css文件。我可以看到，我可以用项目中现有的文件替换bootstrap.min..css。但是，我的项目基于twitter bootstrap 2.3.x，而不是bootswatch使用的2.2.x。如果我随后运行make，它会在docs/assets&#

浏览 0提问于2013-04-08得票数 0

回答已采纳

3回答

如何将(静态)引导程序模板合并到rails资产管道中？

ruby-on-rails、twitter-bootstrap、ruby-on-rails-3.2、asset-pipeline、bootswatch

我正在用twitter bootstrap，rails 3.2.1和twitter-bootstrap-rails gem ()做一个主页。我想尝试一种不同于经典推特的外观，并从bootswatch.com找到了一个很棒的名为“联合”的模板。我下载了四个文件(bootstrap.css / bootstrap.min.css /

浏览 0提问于2012-03-29得票数 1

回答已采纳

1回答

在Angular CLI中导入订单主题引导

angular-cli、bootstrap-4

我在Angular Cli中尝试为bootstrap创建自定义主题时遇到了一些问题。在我的styles.scss中，我有以下内容：@import "~bootstrap/scss/bootstrap"; 在scss/_theme.scss，我尝试覆盖原色变量，以及body<em

浏览 20提问于2018-01-26得票数 1

回答已采纳

4回答

不使用引导程序的Google字体

css、twitter-bootstrap、google-font-api

我试着在页面上使用谷歌字体。在我的html中我使用了：在我的CSS中： @import url(&

浏览 7提问于2014-02-10得票数 6

回答已采纳

3回答

正文字体-大小: 100%重置问题

css、twitter-bootstrap、font-size

我想将我的字体大小设置为100% (即在我的浏览器中默认值为16px )。有嵌入式Bootstrap和它的‘Normalize.css，当我设置字体大小为100%或1em我的文本变得甚至小于16px！ PS。一旦我显式地将font-size设置为16px，它就可以工作了，尽管它不是我想要的。

浏览 1提问于2014-04-24得票数 1

3回答

如何让符号图标在twitter-bootstrap中工作？

css、twitter-bootstrap、glyphicons

我已经在本地存储了引导程序文件：和 <script src="/bootstrap/3.2.0/js/bootstrap.min.js"></scrip

浏览 1提问于2015-04-20得票数 5

回答已采纳

2回答

将自定义bootstrap3主题与Meteor.js一起使用

css、meteor、twitter-bootstrap-3、bootswatch

我在我的陨石项目中添加了引导程序3，根据这里的自述：一切都很好，但现在我想用 (单纯形)主题作为引导主题。根据说明，我需要用下载的CSS文件替换默认的引导CSS文件。我的问题是什么是正确的“流星”方式来实现这一点？如何覆盖作为流星包一部分的文件？

浏览 4提问于2013-12-28得票数 3

回答已采纳

13回答

如何使用Google字体更改Bootstrap默认字体系列？

html、css、twitter-bootstrap、fonts

我正在创建一个博客网站，我想要更改Bootstrap字体。在我导入标题中的CSS中，我添加了这个字体 <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css

浏览 15提问于2014-06-06得票数 82

1回答

Heroku: ActionController::RoutingError (没有路由匹配[GET]“/字体/图标-halflings-Regar.ttf)

twitter-bootstrap、ruby-on-rails-4、heroku

)当我在本地使用Puma和Foreman运行这个应用程序时，当那些半身图像出现的时候，它就能正常工作了。/dist/css/bootstrap *= require_tree ..bower.json文件： "name": "bootstrap",", "dist/css

浏览 1提问于2015-02-24得票数 0

回答已采纳

1回答

如何在Root主题中禁用Twitter引导图标？

twitter-bootstrap、wordpress-theming、font-awesome

我正在使用，尽管我确信对于任何启用引导的站点来说，这个过程都是相同的。是否有方法禁用默认的Twitter启动图标？

浏览 3提问于2012-07-06得票数 2

1回答

包含多个css文件的Wordpress子主题

wordpress、twitter-bootstrap-3、wordpress-theming

我正在学习Wordpress。我想创建一个子主题来开始使用它。我关注了一些关于如何创建子主题的在线教程。我能够创建一个新的子主题，激活它，然而，父css文件和子css文件呈现在引导css文件之上。我想

浏览 4提问于2017-01-12得票数 0

回答已采纳

3回答

无法覆盖引导程序5的字体大小

html、css、bootstrap-5

我正在学习引导5。所以当我尝试编辑导航条品牌的字体大小时。它保持了基本的字体大小，但不起作用。此外，如果我试图添加垫子到肚脐品牌，它不适用于顶部或底部的垫子。 font-size: 2.5rem;<link href="https://cdn.jsdelivr.net/npm/bootstra

浏览 7提问于2021-05-30得票数 2

回答已采纳

1回答

Magento块和页面中的引导标记

twitter-bootstrap、magento

我是在Magento CMS工作的新手。我掌握了如何创建块和小部件，并将内容插入到页面中。我们目前正在使用Infortis的基于Bootstrap的Ultimo主题。如何在块中使用Bootstrap语法？基本网格可以工作，但没有其他类(警报、按钮、面板、折叠等)工作。我使用了Bootstrap CSS/JS CDN，修复了我刚才提到的类，但破坏了

浏览 0提问于2017-02-16得票数 0

点击加载更多