带有fontAwesome问题的bootstrap

时间:2013-09-16 05:14:09

标签: css twitter-bootstrap font-awesome

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

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

1 个答案:

答案 0 :(得分: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文件应该在生产中使用,它们通常有较短的变量名等,以使文件更小,但是更难以阅读。
我建议在开发时建议链接到未缩小的文件,然后在与网站“实时”关闭时切换到缩小的文件以保持带宽下降。