问题标签 [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 回答
1477 浏览

javascript - 如何在 JavaScript 中动态解析 markdown 并使用自定义 CSS 样式?

我想使用像StrapdownJS这样的服务来创建用 Markdown 编写的 HTML 页面。StrapdownJS 可以很好地用作 Markdown 解析器,但是它不能满足我对自定义样式的需求。在strapdownJS 中,您选择一个主题,如下所示:

但是,在中嵌入 a <link>or<style>标记<head>不起作用,因为 StrapdownJS 在加载头部后执行所有样式。到目前为止,我能想到的唯一解决方案是使用 JQuery 之类的东西以编程方式更改所有样式,这在很大程度上违背了最初拥有样式表的目的。

有人对此有很好的解决方案吗?我理想的解决方案看起来像这样

  1. 用于<link>包含 CSS 样式表
  2. 指定一个降价文件(例如,content.md
  3. Markdown 被解析并呈现为带有样式的 HTMLstyle.css

请让我知道是否有类似的情况。同样,如果不是因为它极其有限的主题选择,StrapdownJS 将是完美的——它只有少数来自Bootswatch的主题。

0 投票
1 回答
114 浏览

css - ASP.NET Bootstrap 错误显示

我在 bootswatch 上查找这种风格:https ://bootswatch.com/simplex/

尤其是寻找造型形式,像这里:

bootswatch.com 上显示的样式

但是,当我将单击 bootswatch 表单示例右上角的红色小图标时获得的代码添加到我的网站时,它看起来像这样:

错误的显示

因此文本标签和输入字段之间有一个换行符,没有显示较暗的阴影背景框,其他内容也未对齐。这是怎么来的?

这是我的页面的完整代码:

0 投票
2 回答
6943 浏览

html - Bootswatch - 下拉菜单不起作用

我正在尝试为引导程序集成自定义主题

我想使用的主题是bootswatch

我目前面临的唯一问题是导航栏中的下拉菜单不起作用。

这是我的代码。

0 投票
1 回答
156 浏览

compass-sass - 使用指南针从 bootswatch 重新编译主题时出错

我正在尝试使用 compass 重现bootswatch的 css 文件,但收到错误消息。我的指南针文件夹:

Compass 使用最后一个文件styles.scss生成styles.css. 我创建了一个文件夹themes并将文件复制到那里cerulean_cerulean-bootswatch.scss_cerulean-variables.scss. 我使用了所有 bootswatch 主题所在的项目文件。

现在,我按照项目页面的指示进行操作:

萨斯:

以我的结构,这些将是:

  1. 导入主题变量 ( _cerulean-variables.scss)
  2. 导入引导部分 ( _bootstrap.scss)
  3. 最后导入相关的 bootswatch 部分(_cerulean-bootswatch.scss

以上所有发生在styles.scss

如果我取消评论/@import "themes/cerulean-variables",我会收到错误:

并且styles.css包含错​​误:

我错过了什么吗?

0 投票
0 回答
53 浏览

c# - 我删除了我的 asp.net 网络应用程序上的自动生成页面,并弄乱了 site.master。现在引导主题不起作用

因此,在我的 asp.net 网络应用程序项目中,我删除了默认/about/contact 自动生成的页面并更改了 site.master 以将导航栏上的主页/登录/注册链接重定向到我自己的页面。我还右键单击了我自己的主页表单并“设置为起始页”。

在完成所有这些之后,我尝试添加一个 bootswatch 主题,即使它在查看设计器模式时以新主题颜色显示导航栏,但当我运行应用程序时,它都是默认主题。有谁知道为什么会这样?如果有帮助,我将粘贴我的 site.master 代码?提前致谢!

0 投票
1 回答
328 浏览

jquery - bootswatch slate 主题——文件上传“文本”不起作用

我正在尝试使用

https://bootswatch.com/slate/

我有文件上传jsp,我认为该功能有效,但查看/视觉上它不起作用。

slate 主题中,我没有看到“No File Chosen”的文字。选择后我看不到带有“选定文件名”的文本

使用完全相同的代码和香草引导程序,我可以看到这些文本......谁能帮我理解我怎样才能让它在石板主题中工作?特别是在选择文件后,我需要显示名称..

0 投票
1 回答
574 浏览

angular - Bootswatch 和 Angular 2 下拉菜单

我正在研究 Bootswatch 和 Angular2 的主题之一。这可能以前已经回答过,但我找不到任何参考。我有一个不是基于按钮而是基于链接的下拉菜单。我知道它有选项,但它总是折叠起来,即使我将鼠标悬停在它上面。有什么我想念的吗。这是来自 html 文件的片段。我是否需要某种拨动开关来打开/关闭下拉菜单?

谢谢

0 投票
2 回答
545 浏览

twitter-bootstrap-3 - Bootswatch 主题文件加载两次

我在我的网站中包含了一个 bootswatch 主题。

问题是 bootstrap.min.css 文件加载了两次。当我在任何浏览器上打开开发者控制台时,我可以在资源中看到它两次。这是同一个文件,因为我可以看到它是由同一 html 行加载的。因此,当我想关闭折叠或菜单时,它只是快速关闭并再次打开。我不知道为什么它会加载两次。我怎样才能解决这个问题?

0 投票
1 回答
1400 浏览

css - 通过包管理器引导?

我已经开始了一个小的 asp.net 核心网站。现在我导入的所有 JS/CSS 都来自 NPM,而 webpack 可以将它们打包在一起。

我想偏离标准引导模板并使用bootswatch paper,但我没有找到可以导入的任何包来替换默认模板。

他们说我们应该只替换 bootstrap.css,但由于我的来自包,并且不会在我的 git 存储库中,他们基本上建议我有第二个 boostrap.css 并引用它?但是当引导程序更新时会发生什么(插件也是如此)我必须手动更新吗?

我无法想象这是最好的解决方案。知道我应该如何安装 bootswatch 吗?(我的网站是通过JavascriptServices.

0 投票
1 回答
623 浏览

html - 像其他人一样在导航栏中设置样式自定义链接(在导航栏导航之外) Bootstrap Bootswatch

我有一个导航栏,其中一些导航栏链接始终显示,即使在折叠模式下也是如此。我正在使用 Bootswatch 的 Paper 主题:Bootswatch Paper Theme

桌面: 在此处输入图像描述

移动/折叠: 在此处输入图像描述

继续显示的内容是通过将 'navbar'header' 添加到 div 并将其拉到右侧来完成的,因此默认样式不会应用于其中的链接。

我已经应用了一些样式,但仍然存在一些问题。

  • 我无法将锚 () 标记添加到始终显示的链接(即“显示链接 1”)

  • 如果我单击用户名下拉菜单并单击并按住菜单链接之一(即配置文件),则颜色会更改:

在此处输入图像描述

但是,它应该类似于默认下拉菜单(左侧): 在此处输入图像描述

这是一个 JSFiddle:JSFiddle


有没有办法添加/修改变量文件,以便无论使用哪个 Bootswatch 主题和/或什至是默认的 Bootstrap 主题,都可以应用默认样式?