0

如何仅将这个（https://github.com/silviomoreto/bootstrap-select）twitter引导插件用于页面上的一个元素？如果我使用它，我的所有网站都使用 twitter 引导元素（网址为蓝色等）

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap-select.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="bootstrap-select.css">

<script type="text/javascript">
    $(window).on('load', function () {
        $('.selectpicker').selectpicker({
            'selectedText': 'cat'
        });
    });
</script>
4

2 回答 2

2

从您的评论中，您包括：

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combi‌​ned.min.css" rel="stylesheet"> 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"‌​&gt;

在您的网站上。这意味着您将包含整个 twitter bootstrap，它为普通的 html 元素添加了一些样式。

而不是这个，为什么不只下载你在github上链接的文件并使用它们，即（如果你自己托管它们）：

<link href="path/to/bootstrap-select.min.css" rel="stylesheet"> 
<script src="path/to/js/bootstrap-select.min.js"‌​&gt;

如果您需要 bootstrap 的其他功能，您还可以使用此资源创建自定义构建。

于 2013-06-14T12:24:37.390 回答
0

在这种情况下，您有两种解决方案。

从 github获取.less资源并仅使用您需要的东西重建引导程序。换句话说，您必须.less从构建过程中删除大多数文件并只获取您需要的东西。

由于您只有一个元素，请使用引导程序将选择器添加到页面并提取与该元素相关的所有 css。将此 css 放在不同的文件中并将其链接到您的 html 中。一旦你复制了所有必需的 css 声明，一切都应该符合预期。

然后，您可以根据需要重命名类。

要复制浏览器中使用的 css 声明，您可以使用 firefox/chrome 等开发工具栏。可能有很好的插件可以使工作更轻松。

于 2013-06-14T12:25:15.993 回答