Question

如何在没有这些链接的情况下使用bootstrap＆＃34; https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css＆＃34;

我已经下载了bootstrap.min.css文件，我正在使用这个类=＆＃34; glyphicon glyphicon-search＆＃34;在localhost上，但这不起作用，并且不在其网站上显示搜索图标。

Answer 1

这种情况正在发生，因为您的浏览器正在计算机上的文件夹中查找glyphicon。如果从CDN加载引导程序，则字形相对于CSS文件进行链接。以下示例......

从此处下载引导程序：http://getbootstrap.com/getting-started/#download

来自外部引导程序文件的示例：

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);

您可以将字体路径更改为绝对路径，下载字体并放置在适当的文件夹中，或下载正确的引导文件（不是CDN）。

Answer 2

首先将您的bootstrap.min.css文件复制到项目文件夹中，然后将此代码放入html文件的head部分

<link href="bootstrap.min.css" rel="stylesheet" />

Answer 3

如果你的文件夹结构是这样的：

|-- index.html
|-- style
    |-- bootstrap.min.css

然后，您想要在index.html文件的部分中调用它。像这样：

<head>
  <!-- Other stuff will likely be in here... -->
  <link href="/style/bootstrap.min.css" rel="stylesheet" />
</head>

如果你已经最小化了javascript文件，那么你想把它们放在标签的末尾，如下所示：

<body>
    <!-- Other stuff will likely be in here... --> 
    <!-- Assume you have a directory named js at the same level as your HTML file -->
    <script src="js/main.min.js"></script>
</body>

如何在没有在线链接的情况下使用bootstrap？

3 个答案: