0

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

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

4

1 回答 1

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

于 2013-09-16T05:32:47.210 回答