如何在没有在线链接的情况下使用引导程序



如何在没有这些链接"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"的情况下使用引导程序

我已经下载了bootstrap.min.css文件,并且我正在本地主机上使用此class="glyphicon glyphicon-search",但这不起作用,并且没有在其网站上显示搜索图标。

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

从这里下载引导程序:http://getbootstrap.com/getting-started/#download

外部引导程序文件中的示例:

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

您可以将字体路径更改为绝对,下载字体并放置在正确的文件夹中,或下载正确的引导程序文件(不是 CDN)。

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

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

如果您的文件夹结构如下所示:

|-- 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>

最新更新