问题标签 [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.
asp.net-mvc - 如何在 MVC 5 项目中从 bootswatch 或 wrapbootstrap 实现主题?
我即将创建一个新的 ASP.Net MVC5 Web 应用程序。我想在应用程序中使用 bootswatch 或 wrapbootstrap 的主题,但找不到有关如何执行此操作的一组说明。
twitter-bootstrap - 为什么此 Bootstrap 3 表中的边框不起作用?
使用基本的 Bootstrap 3 CSS 似乎可以正常工作,但使用 Superhero Bootswatch 主题似乎只是不想出现边框。知道为什么吗?
应该适用于所有主题。
css - 在 ASP .NET MVC 5 项目中设置 Bootstrap 和 Bootswatch
我有一个 ASP .NET MVC 5 项目。该模板与引导程序一起提供,我通常不理会它。我现在想使用 Bootstrap 源代码以及 Bootswatch 变量文件作为样式。以前,我已将构建库所需的所有资源放入单独的项目中并编写了自定义构建脚本,但必须有更简单的方法。我找到了一些相关的软件包,但没有一个提供任何全面的东西。
是否有可以设置这两个库的预制 NuGet 包?如果没有,我需要做什么才能让它运行起来(包括在 VS 中自动构建)?
meteor - 如何在 Meteor 中切换 Bootswatch 主题?
我第一次使用 Meteor 构建应用程序。由于可访问性问题,我们想为用户提供两种不同的 Bootswatch 主题。我在这里找到了关于如何切换 Bootswatch 主题的非常有用的解释:
(在接受的答案中引用了一个方便的小提琴:http: //jsfiddle.net/82AsF/)
我尝试将提供的 javascript 放在<head>
标签中的 myapp.html 中。我还尝试将它放在 myapp.js 文件中。(然后我尝试放置在许多不同的地方,看看会发生什么;-))
我尝试过的任何方法都不起作用,似乎是 Meteor 框架,可以理解的是,“妨碍了”。有没有一种方法可以在 Meteor 应用程序中切换 Bootswatch 主题?
ruby-on-rails - 引导主题:has-error 不适用于密码字段
我有以下代码:
我从 wrap bootstrap 下载了一个主题,一切正常,但是当我运行上面的代码时,我看不到密码字段的更改,我应该通过使用“class =”has-error”来获得。
它适用于“文本”类型,但不适用于密码字段。我想这与我正在使用的主题有关。我不确定,我这么说是因为当我在没有主题的情况下工作时,上面的代码对于“文本”和“密码”两种类型都可以正常工作。
我无法捕捉到可能是我的错误,实际上我无法弄清楚错误可能在哪里。但是这里的人总是提供帮助,所以我在这里发布我的查询。谢谢你。
html - 列表组在面板内不起作用(引导程序)
正如标题所说,我正在尝试制作一个项目,用户可以从侧面选择一个项目并显示信息。
虽然这看起来很简单,但我尝试在下面链接的 jsfiddle 中的面板中执行此操作,但由于某些未知原因它会中断。你不能再悬停并且它有一个更暗的背景,我想我犯了一个简单的错误,所以我制作了一个模拟站点只是为了用非常简单的信息来测试它,这样你就不必经历数百行代码。
这是jsfiddle,您可以看到没有错误,但这不起作用...我在想它可能只是一个错误,如果可以,有人可以指定修复吗?我正在为我的 CSS 使用 bootswatch 黑暗主题
(忽略这只是来自 jsfiddle 的代码以使 stackoverflow 快乐)
实际的链接也是可点击的,在这两种情况下都可以工作,只是没有悬停效果
修复很简单,就像我想的那样:
c# - Asp.Net MVC Razor BootStrap 输入表单
目前我有一个这样的输入表单:
我想将其转换为使用以下引导代码:
我该怎么做,这样我仍然可以使用/ / etc的相同Razor
语法?HTML.LabelFor
EditorFor
ValidationMessage
javascript - How to have JavaScript read a value appended with CSS at a given ID
Before I get started on this abnormally weird question, lemme just say that I have never heard of the following hack being applied let alone conventionally discussed with any web programmers I know, and this is merely out of curiosity in the event that I'm wrong in my hypothesis that it cannot be done.
That being said, here's my question:
Using a customized CSS based off of the latest Bootswatch version (actually using Cerulean theme), is it possible to append text between hidden p tags AND have JavaScript read the value appended properly?
Extra info: When hardcoding a value into the HTML, JavaScript has NO problem reading the value. When appending however (using #element:after for instance), JavaScript is passing a null value, I figure because the CSS loads after the JavaScript has already checked to see what value is at that particular element ID.
Example Code:
HTML
CSS
JavaScript reads the ID "valueOne" to be null.
Any help is appreciated.
Thanks!
ADDENDUM: When debugging in Firefox using Firebug, the appended text displays in the Styles section, so the append itself works.
EDIT
Hey so, here's the answer that seems to work with my environment...
JavaScript
However, I'm noticing now that this doesn't seem to work on mobile devices.
I'll need to validate the JavaScript that I can't post further, but at least this answers the immediate issue, if only for desktop/laptop devices.
Shoutout to @Blazemonger and @Mohamed Melouk for the help so far! :D
asp.net - Bootstrap 3输入组不适用于选择元素
我正在尝试使用以下示例代码在 Bootstrap 3 中使用下拉选择器正确设置输入组样式:
它在 Bootply ( http://www.bootply.com/ZVSunDnXif ) 中运行良好:
但是如果我使用完全相同的代码将它放入我的网站(ASP.Net Web Forms),它会中断:
我不太介意(在香草引导程序中,它只是缺少选择框周围的边框),除了我使用的是 Bootswatch 主题版本,它甚至没有正确对齐:
输入组的 css 路径是body > form > div #MainBody > div.row > div.col-md-9 > div.form-group
.
如果我删除了选择元素,它会显示得很好,那么我定义它的方式有问题吗?
html - bootswatch 的引导程序不起作用
我从 bootswatch.com 下载了一个引导主题菜单。这是链接 http://bootswatch.com/lumen/
然后我从 bootswatch 复制并粘贴了 Header Menu 代码,并尝试在我的 localhost 中运行它。引导程序似乎不起作用。当屏幕未最大化时,有一个类似盒子的按钮,在最右上角有三个水平线。当我单击它时,它不工作,但在 bootswatch 网站上,它工作.. 似乎是什么问题?
这是它的jsfiddle .. http://jsfiddle.net/tSUUL/2/