带有 fontAwesome 问题的引导程序答案

【问题标题】：bootstrap with fontAwesome issue带有 fontAwesome 问题的引导程序
【发布时间】：2013-09-16 13:32:47
【问题描述】：

我是私人的。我正在设计一个网站。我在其中使用 font-Awesome 和 bootstrap 结合。但有些人在链接中感到困惑。

我的链接文件是：

     <link rel="stylesheet" href="../goyal/bootstrap-3.0.0/dist/css/
                  bootstrap.min.css">
      <link rel="stylesheet" href="../goyal/bootstrap-3.0.0/dist/css/
               bootstrap-theme.min.css">
      <script src="../goyal/bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>



        <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
       <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/
        bootstrap-combined.no-icons.min.css" rel="stylesheet">
       <link href="../goyal/font-awesome/css/font-awesome.css" rel="stylesheet">
       <link rel="stylesheet" href="../goyal/font-awesome/css/font-
        awesome.min.css">
       <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

我缺乏的地方。我是这个领域的新手。

【问题讨论】：

您似乎同时包含了缩小文件和完整文件，这会导致一些我怀疑的问题。

标签： css twitter-bootstrap font-awesome

【解决方案1】：

我能看到的唯一问题是您正在链接一些文件的完整版本和缩小版本。
试试这个：

<link rel="stylesheet" href="../goyal/bootstrap-3.0.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../goyal/bootstrap-3.0.0/dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../goyal/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="../goyal/bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>

.min.css 和 .min.js 文件应该在生产中使用，它们通常具有较短的变量名等以使文件更小，但更难阅读。
我建议在开发过程中链接到未缩小的文件，然后在与网站“直播”时切换到缩小的文件以降低带宽。

【讨论】：