css - 带有 fontAwesome 问题的 Bootstrap

Question

我是儿子。我正在设计一个网站。我在其中结合使用 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" />

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

Answer 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 文件应该在生产中使用，它们通常有较短的变量名等以使文件更小，但更难阅读。
我建议在开发时链接到未缩小的文件，然后在网站“上线”时切换到缩小的文件以降低带宽。