问题标签 [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 投票
4 回答
10462 浏览

javascript - 在 Twitter Bootstrap 主题之间切换?

我正在为基于 Twitter Bootstrap 构建的客户端开发一个项目。他希望有不同的配色方案供用户选择。例如,有一个红色配色方案和一个蓝色配色方案,用户可以通过顶部的菜单进行更改。

是否有任何 jQuery 插件(或其他任何东西)可以做到这一点?它真正需要做的就是加载一个不同的 CSS 文件,我想,你会怎么做呢?

0 投票
5 回答
9190 浏览

ruby-on-rails - How to add wrapbootstrap (made with twitter bootstrap) themes to rails application

The website https://wrapbootstrap.com/ has themes which were made using Twitter Bootstrap. Each of these themes include different versions of Twitter Bootstrap along with other various libraries and versions (jquery, fontawesome, etc...)

How do I add these themes to my existing Rails app? What are the steps?

I'm especially curious about the conflicts that may arrise if I'm already using a different version of jquery, twitter bootstrap, fontawesome, and others (as declared in the Gemfile).

Thank you

0 投票
2 回答
3118 浏览

css - 在 twitter 引导程序中使用 less

我正在尝试使用http://bootswatch.com/中的一种样式。我想将他们样式的 .less 版本应用于 bootstrap.css。为此,我按照http://lesscss.org/#usage中的描述执行以下操作:

但它不起作用,即我仍然有默认的引导主题。

为了简化我已经合并variables.lessbootswatch.less中,所以代码现在看起来像这样:

但我仍然得到默认的引导主题。

我已经检查了调试器并且所有文件都正确链接,所以我想我在使用中做错了什么。

0 投票
4 回答
168 浏览

javascript - 使用 Jquery 控制动态生成的 HTML

我得到的是一个包含 DIV 的网页,我在其中动态地放入一个带有选择器按钮的条目列表,我已经为这个例子简化了很多代码

目标 DIV 看起来像

我要求服务器提供一个列表并构建一个看起来像的字符串

然后我将它插入到文档中

现在这工作正常,我得到了一个很好的列表,当我点击生成的按钮时,正确的例程被启动并且参数被正确传递,我得到了我期望的结果。

但是,当按下按钮时,我想禁用所有“动态按钮”类元素,一旦处理完成就重新启用它们。

在我调用的例程中,我有这条线

但这似乎不会影响任何动态生成的内容,如果我在页面上有属于同一类的其他按钮,它们会被禁用,所以看起来我只能使用此方法访问最初加载的文档中的内容.

我什至尝试给每个按钮一个唯一的 id 并单独引用每个按钮,但没有成功。

那么有没有一种方法可以生成这个内容,以便 jQuery 可以通过它的正常元素选择来访问它,或者我需要使用其他一些技术来操作它们吗?

0 投票
4 回答
6415 浏览

javascript - 在ajax调用后使用点击不起作用

当我单击具有类的链接时,它工作正常,当我单击具有类的链接时,它与此不同。但是,当我单击同一链接两次时它不起作用!当我在互联网上搜索时,我发现我必须使用 live 而不是 click,但是 live 在 1.8 版本上已被弃用。我怎样才能使这种火灾多次?

0 投票
0 回答
385 浏览

ruby-on-rails - 使用 bootswatch-rails 动态更改样式

我想用 bootswatch-rails 改变我的风格。

首先,我将安装 bootswatch-rails gem 并将文件的扩展名更改为 scss.erb。那么,我会在文件 scss.erb 中写:

直到这里一切正常,但是当我导航时,风格会突然自行改变。我认为这可能会发生,因为资产存储在内存或缓存中。所以,我不知道该怎么做,或者即使有可能完成它。

0 投票
1 回答
2012 浏览

ruby-on-rails - bootswatch-rails 主题并不适用

我尝试使用 bootswatch-rails,但效果不佳,例如,按钮显示不正确,不像 bootwatch 网站上显示的那样。
我将 bootstrap-sass 和 bootswatch 放入我的 gemfile 并捆绑安装

在我的 bootstrap_and_overrides.css.scss 文件中看起来像这样

我真的不知道我做错了什么。

0 投票
2 回答
67947 浏览

twitter-bootstrap - Bootstrap - 如何在列表/选项卡中使用图标?

我试图在 Twitter Bootstrap 中获得一些效果,但我很挣扎,而且我敢肯定它以前一定做过。两者都非常相似,所以我进入了一个问题。

我想要做的是让图标同时在列表和导航栏中工作。我试图通过一些绘画来实现的每种效果的快速说明:

列表

在此处输入图像描述

我已经尝试包括<img>and<span><div>all ,class="close"但似乎都没有正常工作,我能得到的最接近的是让它们显示在下一行。

导航栏

在此处输入图像描述

我在这里想要的是在导航栏项目旁边显示两个图标(以及在第一个导航栏项目的活动区域内)。与列表类似的问题,这次图像被推到上面。我已经对 Nav2 进行了 photoshop 以说明我想要达到的效果。

我已经尝试过<img>,并且确实尝试过,<i>但我相信这些在某种程度上是神奇的,并且总是指向某种字形图标 - 我需要阅读这些。我真正想要的是在这里使用自定义图像。

任何建议/小例子都会很棒。谢谢。

0 投票
1 回答
341 浏览

twitter-bootstrap - 如何使用 bootswatch variables.less 文件从源代码正确编译新版本的引导程序

我一直在尝试从 bootswatch 中获取一个主题来编译成一个新的 bootstrap.css 文件。

在 bootswatch 页面上,我看到四个文件可供下载:bootstrap.css, bootstrap.min.css, variables.lessbootswatch.less.

我可以看到我可以用我项目中的现有文件替换 bootstrap.[min.].css。但是,我的项目基于 twitter bootstrap 2.3.x,而不是 bootswatch 使用的 2.2.x。我不想担心标记中的不同版本问题。如果我尝试使用最新版本的引导程序,这似乎不是正确的方法。

因此,我下载了 variables.less 并从 github 克隆了引导存储库。安装依赖项后,我复制variables.lessless目录中(并覆盖现有的 variables.less)。如果我随后运行make,它会在docs/assets/css/bootstrap.css. 这看起来有一些新的东西(例如,来自 bootswatch 主题的字体设置在 h1、h2 等标签内。)。

但是,CSS 文件从不导入字体,因此无法使用该字体。在 bootswatch 的 bootstrap.css 文件中,我看到字体导入是 CSS 文件的第一行。新生成的文件根本没有字体导入。

我错过了什么步骤?鉴于 variables.less 文件显然基于 2.2.x 并且新的 boostrap 是 2.3.x,这是正确的处理方式吗?我认为它会起作用,因为 boostrap 的作者可能希望使用这样的系统来帮助实现向后兼容性。

0 投票
1 回答
1014 浏览

ruby-on-rails - 如何使用 ruby​​ on rails 动态更改网站主题

在我的网站中,我想在我的 ruby​​ on rails 应用程序的选定更改上使用下拉菜单动态分配 application.erb.html 中的主题。

我的 application.html.erb 文件如下

我想动态更改我当前的主题我的要求是想在下拉选择更改时分配主题

请帮我