2015-11-15 2 views
2

Я пытаюсь связать свой локальный bootstrap и файл стиля с моим html-файлом, но ни один из них не работает.Ссылка на внешний файл css не работает

Вот мой HTML-файл:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test page</title> 

     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <link type="text/css" ref="stylesheet" href="css/bootstrap.css"> 
     <link type="text/css" ref="stylesheet" href="css/styles.css"> 

    </head> 
    <body> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 

     <div class="navbar-header"> 
      <div class="navbar navbar-inverse navbar-static-tops"> 

      </div> 
     </div> 
    </body> 
</html> 

Мои CSS файлы находятся в папке CSS.
Я получил эти файлы там:

Files in the /css directory

Папка HTDOCS У меня есть это:

htdocs folder where the css folder is located

ответ

2

ПРОСТО ПОПРОБУЙТЕ ЭТО ---

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test page</title> 

     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> 
<link rel="stylesheet" type="text/css" href="css/styles.css"/> 
    </head> 
    <body> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 

     <div class="navbar-header"> 
      <div class="navbar navbar-inverse navbar-static-tops"> 

      </div> 
     </div> 
    </body> 
</html> 

Эти коды неверны ---

<link type="text/css" ref="stylesheet" href="css/bootstrap.css"> 
     <link type="text/css" ref="stylesheet" href="css/styles.css"> 

Это Correct ---

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> 
<link rel="stylesheet" type="text/css" href="css/styles.css"/> 
+0

На самом деле вы используете неправильные коды, чтобы связать внешние CSS файлы. –

Смежные вопросы