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

感謝Luminous的回覆，我沒有使用我自己的任何CSS，只是隨引導程序附帶的CSS –

那麼，在您使用的css中是否有一個名爲jumbotron和容器的類？你使用的是什麼瀏覽器？您可以在瀏覽器中查看開發人員模式中應用的樣式。 – 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或我應該修改您的圖像的CSS –

你可以像這樣使用類中心塊 '' – Charly

Jumbotron行爲不正常

回答

相關問題