2015-08-14 7 views
0

Это первый раз, когда я пытаюсь загрузить. Все, кажется, на месте, за исключением того, что класс jumbotron не работает. Класс контейнер работает и приносит контент в центр, но jumbotron, который, как предполагается, дает некоторый фон, кажется, не работает. (Добавление или удаление этого, как класс = «JumboTron» не имеет никакого эффекта на стр.)class = "jumbotron" в bootstrap не работает

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap 101 Template</title> 
    <link href="./css/bootstrap.min.css" rel="stylesheet"> 

    </head> 
    <body> 
    <div class="container"> 
     <div class="jumbotron"> 
     <h1>My first Bootstrap website!</h1> 
     <p>This page will grow as we add more and more components from Bootstrap...</p> 
     </div> 

     <p>This is another paragraph.</p> 
     <p>This is a paragraph.</p> 
     <p>This is another paragraph.</p> 
    </div> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="./js/bootstrap.min.js"></script> 
    </body> 
</html> 

Я прилагаю image из язя, так что вы можете увидеть мое дерево файлов. Я тоже сам это проверил и, кажется, правильно загрузил все.

Обновление: перезагрузка загрузочного лотка решила проблему с точно таким же кодом. как-то моя первая загрузка работала неправильно.

+0

Получили ли вы бутстрапом файл расслоение плотной? Похоже, вы получили только css. – csmckelvey

+0

@Takendarkk в строке 23 – shunya

+0

Хорошо сделайте скрипку, которая демонстрирует это. Моя скрипка работает отлично [здесь] (https://jsfiddle.net/17rpLaqz/). Поскольку вы загрузили загрузочную загрузку, вы должны проверить консоль разработчика и убедиться, что она действительно применяется к странице, а классы css применяют свои атрибуты. – csmckelvey

ответ

1

Try:

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

без ./ вместо этого.

или CDN:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 


<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
+0

нет, все тот же результат. – shunya

+0

Вы пытались использовать CDN? <ссылка отн = "таблица стилей" HREF = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <сценарий SRC = "https: // maxcdn .bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> – pcarranz

+0

Повторная загрузка загрузочного буфера и попытка использования одного и того же файла html решили проблему. – shunya

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