相关疑难解决方法(0)

如何使用SASS扩展/修改(自定义)Bootstrap 4

我想基于Bootstrap创建一个网站主题.我想扩展Bootstrap的默认组件并更改其中的一些组件.为此,我需要访问 Bootstrap定义的SASS变量,以便我可以覆盖它们.

我虽然从GitHub克隆Bootstrap并直接更改它,但我听说这实际上不是很好的做法.你能给我一些建议吗?

sass twitter-bootstrap bootstrap-4

12
推荐指数
2
解决办法
1万
查看次数

Twitter Bootstrap:为xxs断点添加媒体查询

我很惊讶Twitter Bootstrap没有媒体查询来为移动纵向屏幕构建足够的网站版本.

一个棘手的事情是定义"移动肖像"宽度.以前大多数手机都有320px屏幕宽度,但目前最可取的方法是针对比较窄的设备375px.

iPhone scren决议

我至少需要屏幕宽度.col-xxs-*为断点的类375px,类似于.col-xs-*.这可以是CSS或SCSS代码.我正在使用Bootstrap-4-alpha,希望解决方案也适用于Bootstrap-3.

css media-queries twitter-bootstrap twitter-bootstrap-3 bootstrap-4

5
推荐指数
1
解决办法
2925
查看次数

覆盖 Bootstrap 4 CDN 颜色映射

从 cdn 加载时,有没有办法禁用和重写或覆盖 Bootstrap 4 的颜色主题?

本质上,我是在我的 html 中看到元素,比如 <span class="btn btn-primary">My RED Button</span>

map-remove 将不起作用,因为我无法访问 $theme-colors。它在 CDN 源中:

$theme-colors: map-remove($theme-colors, "success", "info", "danger", "primary");
Run Code Online (Sandbox Code Playgroud)

我可以,$primary: red !default;但这只会影响我自己创建的类。

添加$theme-colors (primary: red) !default!default 也没有效果。

有一个关于 this讨论,但据我所知,它不适用于从 CDN 加载的引导程序。

我真的不喜欢为了获得正确的颜色而覆盖每个引导程序类,而且我真的不喜欢在本地加载引导程序。

sass twitter-bootstrap bootstrap-4

3
推荐指数
1
解决办法
2157
查看次数

是否可以通过编辑 CSS 文件在 Bootstrap 4 中设置自定义断点?

在我在这里完全被火焰击落之前,除了我的做法如下之外,我想不出任何其他方式来措辞或表达这个问题......

我想在 Bootstrap 4 中为 1366px 和 1920px 设置 2 个额外的断点,因为 Bootstrap 的 xl 非常有限,只有 1200px。

我的页面引用了 bootstrap.min.css 和 bootstrap.bundle.min.js。

我添加了 --breakpoint-xxl:1366px;--breakpoint-xxxl:1920px; 紧接在 --breakpoint-xl:1200px 之后;在 boostrap.min.css 文件中,我创建了两列,如下所示:

<div class="col-xxxl-6 col-xxl-6 col-xl-12 col-lg-6 col-md-6 col-sm-6">
     Column 1 Content
</div>
<div class="col-xxxl-6 col-xxl-6 col-xl-12 col-lg-6 col-md-6 col-sm-6">
     Column 2 Content
</div>
Run Code Online (Sandbox Code Playgroud)

当我在浏览器中以 1366 和 1920 预览此内容时,列没有调整为 50%/50%。

我是否误解了如何做到这一点?谢谢。新泽西州

css breakpoints sass css-variables bootstrap-4

1
推荐指数
1
解决办法
8498
查看次数