标签: bootswatch

如何找出 rmarkdown / bslib 使用哪个 scss 变量来为每个页面元素着色？

我如何找出 rmarkdown / bslib 使用哪个 bootstrap scss 变量来为页面元素着色？例如为目录背景着色？

这是一个页面的yaml

output:
  html_document:
    self_contained: false
    theme: 
      version: 4
      bootswatch: cyborg
    toc: yes
    toc_depth: 3
    toc_float:
      collapsed: true

Run Code Online (Sandbox Code Playgroud)

r sass r-markdown bootswatch bslib

Bra*_*ani

lucky-day

7
推荐指数

1
解决办法

429
查看次数

将LESS文件编译为CSS Bootstrap 3

我有一个LESS文件,我想编译以用作我的bootstrap主题.我怎么编译呢？有没有可以做到这一点的地方？

较少的FILE来自http://bootswatchr.com/但是当我点击链接获取CSS并选择缩小版本或完整版本时,没有任何反应.

我有左窗格中的LES文件,有没有办法可以编译它？

css less bootswatch twitter-bootstrap-3

cod*_*nja

lucky-day

6
推荐指数

1
解决办法

2万
查看次数

twitter bootstrap下拉列表在切换时不会切换

哦,伙计,我一直在撕扯我的头发.下拉列表4小时.

我正在使用Twitter Bootstrap.

顶部的固定导航有一个下拉,非常标准的东西.

除了下拉不会像通常那样关闭.只有在按下切换按钮时才会切换打开和关闭,而不是在按下菜单中的项目或用户在菜单外单击时(这两个都应该关闭下拉列表).

我唯一不做的就是使用iframe和bootswatch的主题.

我以前没有这样的问题,所以我觉得它可能是一个bug(升级后的bootstrap到2.1.0,jquery到今天的1.7.2).

这里的所有代码:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
        <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
        <!-- Le styles -->
        <link href="./css/bootstrap.css" rel="stylesheet">
        <style>
            iframe {
                border: 0px;
                height: 95%;
                left: 0px;
                position: absolute;
                top: 50px;
                width: 100%;
            }
        </style>
    </head>
    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" target="mainframe" href="./home.html">
                       Brand
                    </a>
                    <ul class="nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" …

Run Code Online (Sandbox Code Playgroud)

iframe jquery twitter-bootstrap drop-down-menu bootswatch

Jos*_*osh

2012 11-05

5
推荐指数

1
解决办法

1万
查看次数

没有Google字体的Bootstrap CSS

我正在编写一个简单的脱机Web应用程序以配置设备（与无线路由器设置页面类似）。

连接到我的设备的计算机没有互联网连接，它将从我的设备上运行的服务器加载页面。

我使用Bootstrap.css的Bootswatch覆盖构建了页面，因为这是我熟悉的库。但是，我的页面加载挂起，因为浏览器尝试检索Google字体，但显然无法。

有没有不使用Google字体的Bootstrap.css版本，还是有可以覆盖它们的方法？

html css twitter-bootstrap bootswatch

Jam*_*mes

2015 11-28

5
推荐指数

1
解决办法

1793
查看次数

如何在我的 R Shiny 应用程序中使用 Bootswatch 主题“Minty”？

我正在尝试从 bootswatch 主题网站将我的 R Shiny 应用程序的主题更改为“Minty”： https: //bootswatch.com/。但是，当我在代码中使用闪亮主题参数时，运行应用程序时不会调整主题。任何帮助表示赞赏。

更新：我能够使用下面的建议使主题正常工作，但它在颜色和导航栏方面看起来并不相似。

r bootswatch shiny shinythemes

Aye*_*own

2019 09-15

5
推荐指数

1
解决办法

2131
查看次数

使用较少的twitter bootstrap

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

<link href="bootstrap.css" rel="stylesheet" type="text/css">
<link href="variables.less" rel="stylesheet/less">
<link href="bootswatch.less" rel="stylesheet/less">
<script src="less.js" type="text/javascript"></script>

Run Code Online (Sandbox Code Playgroud)

但它不起作用,即我仍然有默认的bootstrap主题.

为了简化我已经合并variables.less到bootswatch.less,所以代码现在看起来是这样的:

<link href="bootstrap.css" rel="stylesheet" type="text/css">
<link href="bootswatch.less" rel="stylesheet/less">
<script src="less.js" type="text/javascript"></script>

Run Code Online (Sandbox Code Playgroud)

但我仍然得到默认的bootstrap主题.

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

css less twitter-bootstrap bootswatch

don*_*don

2012 11-03

3
推荐指数

1
解决办法

3116
查看次数

在Meteor.js中使用自定义bootstrap3主题

我已根据自述文件在我的meteorjs项目中添加了bootstrap 3:https: //github.com/mangasocial/meteor-bootstrap-3

一切都很好,但现在我想用http://bootswatch.com/(simplex)主题来主题我的引导程序.根据我需要的方向,我需要用下载的一个替换默认的bootstrap CSS文件.我的问题是什么是正确的"流星"方式来实现这一目标？如何覆盖作为流星包的一部分包含的文件？

css meteor bootswatch twitter-bootstrap-3

por*_*ast

lucky-day

3
推荐指数

1
解决办法

3091
查看次数

为什么边界不能在这个Bootstrap 3表中工作？

使用基本Bootstrap 3 CSS似乎工作正常,但使用Superhero Bootswatch主题似乎边框似乎不想出现.知道为什么吗？

http://jsfiddle.net/VxR7z/

<table class="table table-bordered">
  ...
</table>

Run Code Online (Sandbox Code Playgroud)

应该适用于所有主题.

html-table border twitter-bootstrap bootswatch

use*_*404

2017 02-02

3
推荐指数

1
解决办法

3292
查看次数

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

在构建期间,我得到:

@include box-shadow(none);
        ^
     No mixin named box-shadow

Run Code Online (Sandbox Code Playgroud)

和破碎的构建.

bootswatch bootstrap-4 angular5

use*_*133

lucky-day

3
推荐指数

1
解决办法

3168
查看次数

ajax调用后点击使用不起作用

 $(document).ready(function () {
var user = 1;
 $("a.like").on("click", function () {
            var article = $(this).attr('data-article');
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Like",
                data: "{ 'user': '" + user + "', 'article': '" + article + "' }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    if(msg.d ==  1)
                    {
                        $(".like[data-article='" + article + "']").fadeOut(700).addClass('unlike').removeClass('like').stop().text('Unlike').fadeIn(700);
                    }
                },
                failure: function (msg) {
                    alert(msg.d);
                }
            });
        });

$("a.unlike").on("click", function () {
            var article = $(this).attr('data-article');
            $.ajax({
                type: "POST",
                url: "WebService.asmx/Unlike",
                data: "{ 'user': '" …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery bootswatch

sam*_*muk

lucky-day

2
推荐指数

2
解决办法

6273
查看次数