问题标签 [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.
javascript - 如何在 JavaScript 中动态解析 markdown 并使用自定义 CSS 样式?
我想使用像StrapdownJS这样的服务来创建用 Markdown 编写的 HTML 页面。StrapdownJS 可以很好地用作 Markdown 解析器,但是它不能满足我对自定义样式的需求。在strapdownJS 中,您选择一个主题,如下所示:
但是,在中嵌入 a <link>
or<style>
标记<head>
不起作用,因为 StrapdownJS 在加载头部后执行所有样式。到目前为止,我能想到的唯一解决方案是使用 JQuery 之类的东西以编程方式更改所有样式,这在很大程度上违背了最初拥有样式表的目的。
有人对此有很好的解决方案吗?我理想的解决方案看起来像这样
- 用于
<link>
包含 CSS 样式表 - 指定一个降价文件(例如,
content.md
) - Markdown 被解析并呈现为带有样式的 HTML
style.css
请让我知道是否有类似的情况。同样,如果不是因为它极其有限的主题选择,StrapdownJS 将是完美的——它只有少数来自Bootswatch的主题。
css - ASP.NET Bootstrap 错误显示
我在 bootswatch 上查找这种风格:https ://bootswatch.com/simplex/
尤其是寻找造型形式,像这里:
但是,当我将单击 bootswatch 表单示例右上角的红色小图标时获得的代码添加到我的网站时,它看起来像这样:
因此文本标签和输入字段之间有一个换行符,没有显示较暗的阴影背景框,其他内容也未对齐。这是怎么来的?
这是我的页面的完整代码:
compass-sass - 使用指南针从 bootswatch 重新编译主题时出错
我正在尝试使用 compass 重现bootswatch的 css 文件,但收到错误消息。我的指南针文件夹:
Compass 使用最后一个文件styles.scss
生成styles.css
. 我创建了一个文件夹themes
并将文件复制到那里cerulean
:_cerulean-bootswatch.scss
和_cerulean-variables.scss
. 我使用了所有 bootswatch 主题所在的项目文件。
现在,我按照项目页面的指示进行操作:
萨斯:
以我的结构,这些将是:
- 导入主题变量 (
_cerulean-variables.scss
) - 导入引导部分 (
_bootstrap.scss
) - 最后导入相关的 bootswatch 部分(
_cerulean-bootswatch.scss
)
以上所有发生在styles.scss
:
如果我取消评论/@import "themes/cerulean-variables"
,我会收到错误:
并且styles.css
包含错误:
我错过了什么吗?
c# - 我删除了我的 asp.net 网络应用程序上的自动生成页面,并弄乱了 site.master。现在引导主题不起作用
因此,在我的 asp.net 网络应用程序项目中,我删除了默认/about/contact 自动生成的页面并更改了 site.master 以将导航栏上的主页/登录/注册链接重定向到我自己的页面。我还右键单击了我自己的主页表单并“设置为起始页”。
在完成所有这些之后,我尝试添加一个 bootswatch 主题,即使它在查看设计器模式时以新主题颜色显示导航栏,但当我运行应用程序时,它都是默认主题。有谁知道为什么会这样?如果有帮助,我将粘贴我的 site.master 代码?提前致谢!
jquery - bootswatch slate 主题——文件上传“文本”不起作用
我正在尝试使用
我有文件上传jsp,我认为该功能有效,但查看/视觉上它不起作用。
在slate 主题中,我没有看到“No File Chosen”的文字。选择后我看不到带有“选定文件名”的文本
使用完全相同的代码和香草引导程序,我可以看到这些文本......谁能帮我理解我怎样才能让它在石板主题中工作?特别是在选择文件后,我需要显示名称..
angular - Bootswatch 和 Angular 2 下拉菜单
我正在研究 Bootswatch 和 Angular2 的主题之一。这可能以前已经回答过,但我找不到任何参考。我有一个不是基于按钮而是基于链接的下拉菜单。我知道它有选项,但它总是折叠起来,即使我将鼠标悬停在它上面。有什么我想念的吗。这是来自 html 文件的片段。我是否需要某种拨动开关来打开/关闭下拉菜单?
谢谢
twitter-bootstrap-3 - Bootswatch 主题文件加载两次
我在我的网站中包含了一个 bootswatch 主题。
问题是 bootstrap.min.css 文件加载了两次。当我在任何浏览器上打开开发者控制台时,我可以在资源中看到它两次。这是同一个文件,因为我可以看到它是由同一 html 行加载的。因此,当我想关闭折叠或菜单时,它只是快速关闭并再次打开。我不知道为什么它会加载两次。我怎样才能解决这个问题?
css - 通过包管理器引导?
我已经开始了一个小的 asp.net 核心网站。现在我导入的所有 JS/CSS 都来自 NPM,而 webpack 可以将它们打包在一起。
我想偏离标准引导模板并使用bootswatch paper,但我没有找到可以导入的任何包来替换默认模板。
他们说我们应该只替换 bootstrap.css,但由于我的来自包,并且不会在我的 git 存储库中,他们基本上建议我有第二个 boostrap.css 并引用它?但是当引导程序更新时会发生什么(插件也是如此)我必须手动更新吗?
我无法想象这是最好的解决方案。知道我应该如何安装 bootswatch 吗?(我的网站是通过JavascriptServices
.
html - 像其他人一样在导航栏中设置样式自定义链接(在导航栏导航之外) Bootstrap Bootswatch
我有一个导航栏,其中一些导航栏链接始终显示,即使在折叠模式下也是如此。我正在使用 Bootswatch 的 Paper 主题:Bootswatch Paper Theme。
继续显示的内容是通过将 'navbar'header' 添加到 div 并将其拉到右侧来完成的,因此默认样式不会应用于其中的链接。
我已经应用了一些样式,但仍然存在一些问题。
我无法将锚 () 标记添加到始终显示的链接(即“显示链接 1”)
如果我单击用户名下拉菜单并单击并按住菜单链接之一(即配置文件),则颜色会更改:
这是一个 JSFiddle:JSFiddle
有没有办法添加/修改变量文件,以便无论使用哪个 Bootswatch 主题和/或什至是默认的 Bootstrap 主题,都可以应用默认样式?