Jumbotron не работает должным образом

Я новичок в веб-дизайне, и сейчас я использую bootstrap (после учебника), все отлично, но jumbotron не ведет себя так, как должно, это не выравнивание элементов по центру даже с классом контейнера ..Jumbotron не работает должным образом

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Getting Started With Bootstrap</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
</head> 

<body> 
<div class="container"> 
    <div class="jumbotron"> 
    <div class="container"> 
     <img src="frame_aad_aksi.png"> 
     <h1>Bootstrap Tutorial</h1> 
     <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing 
     responsive, mobile-first projects on the web.</p> 
    </div> 
    </div> 
</div> 

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

источник

2015-04-07 Alae Hatoum

Вам нужно будет опубликовать css, который вы используете, чтобы стилизовать элементы, если вы используете их вообще. Тогда мы можем начать помогать вам. – Luminous

Спасибо Светлый за ответ, я не использую какой-либо собственный CSS, просто CSS, который поставляется с загрузочным устройством. –

Ну, есть класс jumbotron и container в css, который вы используете? Какой браузер вы используете? Вы можете просмотреть, какие стили применяются в режиме разработчика в вашем браузере. – Luminous

как этот o вы имеете в виду другую вещь?

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Getting Started With Bootstrap</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
</head> 

<body> 
    <div class="container"> 
     <div class="jumbotron text-center"> 
      <div class="container"> 
       <img src="frame_aad_aksi.png"> 
       <h1>Bootstrap Tutorial</h1> 
       <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p> 
      </div> 
     </div> 
    </div> 
    <script src="js/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
</body> 
</html>

источник

2015-04-07 14:32:44 Charly

Спасибо за это. Я действительно подумал об этом вчера, что поведение текста по умолчанию внутри jumbotron не является быть сосредоточенным, и мне пришлось добавить текстовый центр, чтобы он работал, но мне было интересно, есть ли что-то похожее на выравнивание изображения в центре jumbotron, а также с помощью CSS-скрипта bootstrap или я должен изменить CSS –

для ваших изображений, которые вы может использовать блок-блок класса, подобный этому '' – Charly

Jumbotron не работает должным образом

ответ

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