Bootstrap旋轉木馬標題消失時更大

好吧，所以我使用引導創建一個網頁，我想讓旋轉木馬通過一些圖像滑動，我已經從模板複製大部分。我的問題是，當瀏覽器的寬度更大時，標題似乎會消失。Bootstrap旋轉木馬標題消失時更大

我複製的代碼和CSS從這個例子http://twitter.github.com/bootstrap/examples/carousel.html

<div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <img src="assets/img/wood.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>Web Design</h1> 
      <p class="lead">A snappy website will attract new people!</p> 
      <a class="btn btn-large btn-primary" href="#">Sign up today</a> 
     </div> 
     </div> 
    </div> 
    <div class="item"> 
     <img src="assets/img/wood.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>App Design</h1> 
      <p class="lead">CA App will let you reach out to your followers!</p> 
      <a class="btn btn-large btn-primary" href="#">Learn more</a> 
     </div> 
     </div> 
    </div> 
    <div class="item"> 
     <img src="assets/img/wood.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>Database Design</h1> 
      <p class="lead">Databases are key to a companies success now adays!</p> 
      <a class="btn btn-large btn-primary" href="#">Browse gallery</a> 
     </div> 
     </div> 
    </div> 
    </div> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div><!-- /.carousel -->

來源

2013-04-04 sdla4ever

有沒有看到你的HTMl有什麼問題，所以問題可能在別處。你能提供一個鏈接到你的網頁或在jsfiddle上重新創建問題嗎？ – 2013-04-04 08:50:34

@BillyMoat mcalcse.appspot.com – sdla4ever 2013-04-04 22:24:24

我想你會需要包括引導響應css文件了。

它應該在常規的bootstrap.css文件後添加，例如

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

來源

2013-04-05 08:39:13

Bootstrap旋轉木馬標題消失時更大

回答

相關問題