【问题标题】:How to use Twitter Bootstrap themes?如何使用 Twitter Bootstrap 主题?
【发布时间】:2015-01-29 00:16:55
【问题描述】:

您好,我想在我正在开发的一些网站中使用引导主题,但是在查看文档并在线搜索后,我发现没有明确的如何指导如何开始使用引导主题,这有点令人不安, like found here。此外,我想将多个主题下载到我的项目目录中,将它们解压缩到适当的文件夹中,例如(css,img,js,ect...) 并在我的 html 文件中使用它们,如下所示:

<div class="customized-bootstrap-item">myItem</div>

我在尝试这样做时遇到了一些麻烦,因为主题之间似乎没有普遍性(例如,每个主题的工作方式可能有所不同),如果有的话,我不想将一些脏代码拼凑在一起正确的做法。所以我的问题是,是否有一种适当的方式将主题添加到您现有的项目中,纯粹是为了美观,并通过在一个主题和其他主题之间交换外观来定制它们,如果是这样,如何? 你们能指点我一些教程吗?我需要更多地了解链接这些 js 和 css 文件将如何影响主题的其他方面,以及如何在多个主题中以统一的方式正确使用 html 标签,因为我不会只解决一个主题。

编辑:

在尝试了一些建议之后,我设法通过在 html 页面的 head 部分中包含我想用作样式表链接的特定主题的 css 样式来找出我遇到的至少一些问题我想将它应用到,这似乎很简单。但是,对于如何将我在主题中看到的所有这些很酷的元素,尤其是仪表板主题,我仍然有点困惑,我的自定义 html 页面。我正在研究的主题的一个很好的例子是found here。如果你们能给我一些关于如何在页面上获取这些元素(即仪表板、面板、UI 元素等)的见解,那就太好了。我可能弄错了,但我不认为它们是正常的引导类,尽管我对引导还很陌生,所以我不能 100% 确定这一点。

【问题讨论】:

  • 教程?更简单的方法是将主题的 css 添加到您的项目中。这是一个干净的解决方案,看看这个主题,它们很清楚,您只需将该 css 添加到您的项目bootswatch.com
  • @bto.rdz 只有一个 css 主题,因为我查看了一些主题的 index.html 页面,其中有多个 css 和 js 链接。另外,如果我想在一个主题中使用多个主题,是否需要为每个要包含的主题包含 css?

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

这是一个很好的资源,您可以使用它来生成主题 http://www.lavishbootstrap.com/,然后将其链接到您现有的网站非常简单:您只需在代码中包含 &lt;link rel="stylesheet" type="text/css" href="[PATH_TO_CSS_FOLDER_CONTAINING_BOOTSTRAP]/bootstrap.css" /&gt; 行。

如果您是从 lavish 下载的,它将包含 lavish-bootstrap.css。不要忘记包含jquery.jsbootstrap.js,否则下拉列表 将不起作用。

【讨论】:

    【解决方案2】:

    所有这些类的定义都位于一个 .css 文件中,可能称为“bootstrap.css”。在要使用引导程序的 html 页面中,添加 &lt;link rel="stylesheet" type="text/css" href="[PATH_TO_CSS_FOLDER_CONTAINING_BOOTSTRAP]/bootstrap.css" /&gt;在你的 .这将导入所有引导程序的 css。如果您需要使用其他主题,只需将该 .css 文件添加到任何包含您的 css 的文件夹中,然后在 html 页面中链接到它。

    【讨论】:

    • 谢谢,我会试试这个,我想出了这样的事情,但想问问周围的人来确定。我对 bootstrap 还很陌生,我不想以错误的方式开始学习它。
    • 是名为 bootstrap-theme.min.css 的主题 css 文件吗?
    • 听起来不错。 (但你应该在询问是否要学习之前尝试!)
    猜你喜欢
    • 2013-11-20
    • 1970-01-01
    • 2013-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-27
    • 2012-09-26
    • 1970-01-01
    相关资源
    最近更新 更多