问题标签 [bootswatch]

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 回答
85 浏览

css - 在集成 bootswatch 主题时,水平菜单成为 ASP.NET 中的下拉菜单

我正在尝试修复一个 CSS 问题,该问题将水平菜单更改为不应该的下拉菜单。

下拉菜单而不是水平菜单

我所做的只是用 bootswatch.com 中的一个替换 bootstrap.css

0 投票
1 回答
881 浏览

html - Bootswatch / Bootstrap 4 下拉菜单和边距错误

所以我在玩基于 Bootstrap 4 的新 Bootswatch,但不知何故,“卡片”没有边距,菜单中的下拉菜单不起作用。有人可以向我解释我在这里做错了什么吗?我必须自己添加保证金吗?为什么下拉菜单不起作用?

0 投票
0 回答
417 浏览

summernote - Summernote 中的特定按钮(主窗口上的缩进和缩进)

在 Summernote 所见即所得编辑器中,我想要主菜单上的缩进和缩进按钮,但没有段落选项。

创建实例时,按钮和弹出框按以下方式定义:

我的问题是“段落”条目。“段落”中的按钮是否以另一种方式暴露?

我想要这样的东西:

是否可以在某处访问这些按钮?我搜索了文档无济于事。我希望你能在我抓取代码之前为我节省一些时间。

谢谢

0 投票
1 回答
5386 浏览

bootstrap-4 - 你如何在 Angular 5 中使用 Bootswatch 主题

我正在尝试在 Angular 5 项目中使用 Bootswatch 主题。我正在使用 Bootswatch 和 Bootstrap 版本 4.0.0-beta-2。我已经通过 npm 安装了这两个,并在我的 style.scss 中导入了 _variables.scss 和 _bootswatch.scss,在我的主要 styles.scss 中使用了常用的 angular-cli/webpack 约定。我还将相关主题 bootstrap.min.css 导入该文件,并将其添加到 angular.cli.json 中的 styles[] 数组中。

在构建期间,我得到:

和损坏的构建。

0 投票
7 回答
11584 浏览

css - Bootswatch 主题无法正常工作

这是我第一次使用 ASP.NET,我正在尝试使用 Bootswatch 主题,但是当我尝试使用它时,页面顶部的导航栏变成了一个奇怪的下拉菜单。

难道我做错了什么?我刚刚用来自 Bootswatch 的新的 bootstrap.css 替换了当前的 bootstrap.css。

这是结果

0 投票
3 回答
2208 浏览

twitter-bootstrap - 如何使用 -bootswatch.scss 更新 Bootstrap?

我是 SCSS 的新手,我正在尝试将使用 Bootstrap 3 的站点升级到使用 Bootstrap 4。使用 Bootswatch 3,我只需将 bootstrap.less 和 variables.less 文件替换为从 Bootswatch 下载的主题。但是,对于 SCSS 版本,该文件被标记为 _bootswatch.scss 而不是 _bootstrap.scss。我只是将 bootswatch 文件命名为 bootstrap 名称,然后在我的项目中覆盖该文件,还是只需要在导入 bootstrap 下方的 @imports 中包含 _bootswatch?此外,bootswatch 中的 _variables.scss 设置比 bootstrap 中的设置少得多。所以,我假设我实际上不会从引导程序中替换 _variables,而只是在引导程序导入后导入引导程序版本?

更新

这就是我在我的 Site.scss 中的内容,但它似乎并没有采用这种风格。文件夹结构是正确的路径。它们是由 Visual Studio 的智能感知创建的。我假设这应该有效。

0 投票
1 回答
659 浏览

angular - angular 5 bootstrap 4 bootswatch 主题不起作用

我在使用带有angular 5和bootstrap 4的bootswatch主题时遇到问题,我在styles.scss中添加了

在 app.component.html 中我添加了测试

颜色与原始引导配色方案保持一致

我还尝试在 .angular-cli.json 中添加脚本块

仍然没有成功。

任何想法如何使用 boostwatch scss 版本和角度 cli?

0 投票
1 回答
2815 浏览

html - 对齐 Bootstrap 4 自定义表单(复选框)

使用 Bootstrap 4 和 bootswatch,我想将四个 Django 表单文件sincecol-sm-2/textinput)、untilcol-sm-2/textinput)、currently_employedcol-sm-7/custom 复选框)和表单关闭按钮(col-sm-1/ atag)放在一行中。

但它在自定义复选框上呈现错误(复选框位置错误):

在此处输入图像描述

上面的代码是:

sinceuntilfloat-left,关闭按钮是float-right

为了看起来正确,我将类添加float-leftcurrently_employed,它看起来不错但不可点击:

在此处输入图像描述

更改后的代码是:

我怎样才能让它既可点击又好看?

0 投票
2 回答
4041 浏览

asp.net - 引导主题在 ASP.Net MVC 5 项目中不起作用

我已经从 bootswatch.com 下载了 bootstrap 主题。我已经使用How can I implement a theme from bootswatch or wrapbootstrap in an MVC 5 project? . 但我的引导主题仍然无法正常工作。它给了我很多警告。我已将下载的 flatly.bootstrap.css 主题复制到 Content 目录并修改了 Bundleconfig.cs 文件,我添加了新包:bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/flatly .bootstrap.css", "~/Content/site.css")); 但该主题无法正常工作:这是我的网站图像的屏幕截图 谁能帮助我解决这个问题?另请观看附上的图片:警告图片

0 投票
1 回答
892 浏览

sass - 无法将 Bootswatch 主题添加到 Bootstrap 4?

我希望开始使用 SCSS 的 Bootstrap 4。我想我已经启动并运行了带有 SCSS 的 Bootstrap 4,但我想使用https://bootswatch.com的主题。当我将他们的主题与 BS3 一起使用时,您刚刚替换了直接的 LESS 文件。对于 BS4,他们有一个 _variables.scss 很明显可以替换,但是他们有一个 _bootswatch.scss 文件,我不能 100% 确定该怎么做。

我假设我只是将 _bootswatch 部分文件放在与所有其他 BS 部分文件相同的位置。然后我添加@import "bootswatch";到 bootstrap.scss 文件的末尾并重新编译,但这似乎确实有效。

我已经搜索并找不到任何关于此的信息。他们的文档主要展示了如何插入他们的预编译文件或使用他们的 CDN。很少使用他们的 SCSS 文件。