Question

我是 HTML 的新手，我试图在我的项目中使用 bootstrap 。

问题是我无法加载 bootstrap.min.css 而且没有一个类可以工作。我做了一些搜索并尝试了一些方法，但他们没有为我工作

这是我的代码：

<!DOCTYPE html>
%{--<!doctype html>--}%
<html>
 <head>
  <meta charset = "utf-8">
  <meta http-equiv = "X-UA-Compatible" content = "IE = edge">
  <meta name = "viewport" content = "width = device-width, initial-scale = 1">
  %{--<link href="bootstrap.min.css" rel="stylesheet" media="screen">--}%
		
   <link rel="stylesheet" href="E:\TekDays\web-app\bootstrap-3.3.7-dist\css\bootstrap.min.css" type="text/css">
	<title>TekDays - The Community is the Conference!</title>

 </head>
  <body>
   <div class="container">
	<table class="table table-bordered">
	 <thead>
	  <tr>
	   <th>FirstName</th>
	   <th>FirstName</th>
	  </tr>
	 </thead>
     <tr>
	  <td>Mammad</td>
	  <td>mammadii</td>
	 </tr>
	 <tr>
	  <td>Akbar</td>
   	   <td>Akbarii</td>
	 </tr>
	</table>
  </div>
 </body>
</html>

使用绝对路径导致错误（使用f12）：不允许加载本地资源：file：/// E：/TekDays/web-app/bootstrap-3.3.7-dist/css/bootstrap.min.css

我读了一些其中唯一的chromes错误和Edge或IE浏览器没有这个问题...是的他们不，但结果是相同的CSS类不适用！

我将 bootstrap.min.css 放在与我的html页面相同的目录下，并使用<link href="bootstrap.min.css" rel="stylesheet" type="text/css" media="screen">而不是代码中使用的内容。

但是这次我得到错误404：找不到这似乎是我给出的路径的问题......但我不知道该怎么做

有什么想法吗？

Answer 1

function passvalue(url) {
    var dialog = window.opener.CKEDITOR.dialog.getCurrent();
    dialog.setValueOf('info', 'url', url);
    dialog.setValueOf('info', 'protocol', 'http://');
    window.close();
  }

Answer 2

它的工作检查你的css路径

<!DOCTYPE html>

<html>
 <head>
  <meta charset = "utf-8">
  <meta http-equiv = "X-UA-Compatible" content = "IE = edge">
  <meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen">
		
 
	<title>TekDays - The Community is the Conference!</title>

 </head>
  <body>
   <div class="container">
	<table class="table table-bordered">
	 <thead>
	  <tr>
	   <th>FirstName</th>
	   <th>FirstName</th>
	  </tr>
	 </thead>
     <tr>
	  <td>Mammad</td>
	  <td>mammadii</td>
	 </tr>
	 <tr>
	  <td>Akbar</td>
   	   <td>Akbarii</td>
	 </tr>
	</table>
  </div>
 </body>

Answer 3

href替换为src

<link href="bootstrap.min.css" rel="stylesheet" type="text/css" media="screen">

<link *src*="bootstrap.min.css" rel="stylesheet" type="text/css" media="screen">

Answer 4

这里使用的斜杠

<link rel="stylesheet" href="E:\TekDays\web-app\bootstrap-3.3.7-dist\css\bootstrap.min.css" type="text/css">

会导致用户浏览器从他的文件系统中访问该文件。

更改路径

<link rel="stylesheet" href="E:/TekDays/web-app/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css">

更新的答案： Resource not found Error and what about resources plugin

无法加载CSS样式表

4 个答案: