覆盖bootstrap的sass函数

文章/答案/技术大牛

发布

2回答

twitter-bootstrap、sass、bootstrap-5

我正在尝试修改bootstrap 5函数color-contrast。我希望它有时会根据$background参数返回硬编码值。我可以通过修改函数本身来做到这一点，但是因为我在node_modules中有bootstrap，所以我想避免它，并以某种方式在我的自定义代码中覆盖这个函数。如何在sass中用我自己的函数重写函数？

浏览 36提问于2020-12-03得票数 2

2回答

变量重写不会完全重写

css、sass、bootstrap-4

我已经通过npm install设置了我的项目，以利用sass覆盖。一切看起来都在工作，但是当我调整$theme-colors时，它只在页面的一部分上工作？$theme-colors: ("primary": #FF9671) @import "../ Bootstrap Sass Files @import "../<

浏览 0提问于2018-11-18得票数 1

2回答

将bootstrap sass (npm)与吞噬一起使用

npm、gulp、bower

我离开了指南针，因为快速的外壳吞咽起来要快得多。但是我很困惑，不知道如何扩展它，我如何使用boostrap sass ()？是安装bower还是npm？

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

1回答

如何使用BEM方法覆盖bootstrap类？

bootstrap-4、bem

由于我使用的是BEM方法，我不知道如何在我的自定义CSS文件中重写bootstrap类，有人可以帮助我吗？

浏览 0提问于2019-06-26得票数 0

5回答

如何用react设置bootstrap 4 scss

css、twitter-bootstrap、reactjs、webpack

我正在使用reactjs ES6和webpack开始一个新项目>cd MyApp && npm install

浏览 81提问于2016-08-29得票数 24

回答已采纳

1回答

带引导程序的ASP.NET App_Themes

twitter-bootstrap、twitter-bootstrap-3、app-themes

我们希望在不丢失App_Themes定义的外观的情况下将Boostrap集成到项目中。有人知道如何最好地使用App_Themes将Bootstrap集成到ASP.NET WebForms项目中吗？

浏览 3提问于2015-08-04得票数 3

2回答

我的场景我最近在Bootstrap 4.1中写了一个简单的网站，它应该使用一种特定的紫色来满足所有的着色需求。我的想法是创建一个CSS类.btn-purple，它覆盖所有必要的颜色相关属性，如color、background-color、border-color等。important.Only之前先寻找一种方法来使用特异性在特定于页面的CSS上使用覆盖外部CSS (来自外部库，如Bootstrap或normalize.css). )

浏览 33提问于2018-06-20得票数 1

回答已采纳

1回答

在引导程序中对custom.scss文件所做的更改不起作用

css、laravel、bootstrap-4、sass、laravel-mix

我已经在我的laravel服务器上的引导节点模块中的scss文件locatce旁边创建了一个custom.scss文件，该文件的内容是@import "~bootstrap/scss/functions"; @import "~bootstrap&#x

浏览 1提问于2020-10-31得票数 0

2回答

在index.html页面中添加Bootstrap CDN导致Ionic中的菜单消失

css、ionic-framework、ionic2、ionic3

当我在index.html中添加Bootstrap URL时，我的菜单项往往会消失，可能是它们的颜色已经改变。下面是添加URL之前home.html上的菜单图片：一旦我在index.html中添加了这行代码，菜单就变成空白 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/boot

浏览 2提问于2018-03-09得票数 1

2回答

无法让bootstrap-sass与webpack一起工作

javascript、twitter-bootstrap、webpack、bootstrap-sass

我正在关注上的说明"bootstrap-sass": "^3.3.6",这是我的webpack.config.jsloader: 'source-map' ],

浏览 1提问于2015-12-11得票数 10

4回答

如何用SASS扩展/修改(自定义)引导带

twitter-bootstrap、sass、bootstrap-4

我想创建一个基于Bootstrap的网站主题。我想扩展Bootstrap的默认组件，并更改其中一些组件。为此，我需要访问引导程序定义的SASS变量，这样我就可以重写它们。我想从GitHub中克隆引导带并直接改变它，但我听说这实际上不是一个好的实践。你能给我一些建议吗？

浏览 3提问于2017-08-19得票数 27

回答已采纳

2回答

与webpacker一起使用引导自定义变量文件

ruby-on-rails、twitter-bootstrap、webpack、webpacker

我试图应用我的自定义引导变量到一个rails应用程序使用webpacker和引导。rails new testapp --webpack cd testapp yarn add bootstrap custom.scss $brand-success: red !defau

浏览 0提问于2018-04-25得票数 3

1回答

如何用另一个变量覆盖Bootstrap* 4中的变量？*

twitter-bootstrap、variables、sass

我正在使用Bootstrap4和SASS，我在问自己如何用Bootstrap的_variables.scss中定义的另一个变量覆盖该文件中定义的另一个变量。从Bootstrap网站上，我学会了首先导入我自己的覆盖，然后导入Bootstrap SASS文件。Bootstrap的变量文件中定义的浅灰色变量$gray-200覆

浏览 10提问于2017-12-25得票数 5

1回答

覆盖bootstrap4变量而不编辑源代码

twitter-bootstrap、angular、npm、sass、bootstrap-4

但是，我是通过npm安装bootstrap4的。因此，在node_modules中更改bootstrap的内容是一种非常糟糕的做法。

浏览 0提问于2017-05-26得票数 0

3回答

使用指南针安装bootstrap sass

ruby、twitter-bootstrap、rubygems、sass、bundler

我正在尝试安装bootstrap-sass，并得到下面的错误。我试过旧版本的sass，但bundler一直在安装3.3.0。版本- ruby 2.0.0p247 (41674-06-27修订版)通用.x86_64-darwin13source "https://rubygems.org" require 'bootstrap-sass/version'

浏览 0提问于2014-03-11得票数 6

回答已采纳

4回答

在导入sass变量后，是否可以覆盖这些变量？

twitter-bootstrap、sass

我在我的rails应用中使用了bootstrap-sass。我想覆盖一个自举变量$navbarBackground。bootstrap-sass还定义了颜色变量。因此，我不使用十六进制代码，而是使用它定义的变量$red。$navbarBackground: #9d261d;但是，如果我执行以下操作-@import "bo

浏览 6提问于2012-08-02得票数 40

回答已采纳

1回答

next.js的sass覆盖bootstrap5中的默认颜色吗？

typescript、bootstrap-4、sass、next.js

我已经加载了bootstrap并正在使用我的next.js应用程序。几天来，我一直在尝试覆盖默认颜色。@import "../node_modules/bootstrap/scss/bootstrap"; 我知道我的scss文件连接到主app.js文件，因为所有样式都可以工作，包括新的sass我就是不能让

浏览 3提问于2021-06-06得票数 1

1回答

编译引导程序SASS文件时出错

css、twitter-bootstrap、sass

我已经设置了gulp来处理我的引导模板编译： return gulp.src('app/assets/sass/**/*.scss')({ }));我的SASS主theme.scss文件如下所示： @import "helpers/variables"; //

浏览 0提问于2017-03-24得票数 0

11回答

Gulpjs将两个任务合并为一个任务。

gulp、gulp-sass

我目前有两项任务，这两个任务都编译sass文件。我仍然希望将这两个目录连接到单独的文件中，但如果我能够简单地创建一个负责所有sass编译的“sass”任务，那么它将更易于维护。// Compile Our Sass return gulp.src('./public/bower/b

浏览 6提问于2014-06-16得票数 59

5回答

是否在另一个`.scss`文件中包含`.scss`文件？

sass、scss-lint

如何在另一个.scss文件中包含.scss文件？我试着把这段代码写进一个文件: app.scss：@include('dropzone'); overflow-x: hidden; /*Clip the left/right edges of the content inside the <div> element - if it overflows the element's content area: */

浏览 0提问于2016-08-02得票数 36

点击加载更多