爲什麼我的Bootstrap旋轉木馬不能縮放？

我查找了一些這方面的信息，發現了一些答案，但是當我將它應用到我的代碼時，沒有任何反應。當我調整窗口大小時，傳送帶不調整大小，而是在右側切斷。有關如何使其正確縮放的任何想法？爲什麼我的Bootstrap旋轉木馬不能縮放？

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>Title</title> 
    <!-- Bootstrap --> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link href="css/bootstrap-responsive.css" rel="stylesheet"> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $('.carousel').carousel({ 
      interval: 3000 
     }); 
    }); 
    </script> 
    </head> 

<body> 
    <div class="container"> 
     <div id="myCarousel" class="carousel slide"> 
      <!-- Carousel items --> 
      <div class="carousel-inner"> 
      <div class="active item"><img src="img/guy.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/front.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/fleet.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/inside.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/more_tires.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/tires.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/truck.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/trucks.png" alt="Wedge Tire"></div> 
      <div class="item"><img src="img/warehouse.png" alt="Wedge Tire"></div> 
     </div> 
     <!-- Carousel nav --> 
     <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
    </div> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    </div><!--CONTAINER--> 
</body> 
</html>

來源

2013-01-16 Brian

如何在'head'中添加'script'？ –

@RicardoLohmann請你更具體。 – Brian

我認爲響應式引導程序CSS應該是主要的。不知道這是問題。 – ericponto

已驗證我以上的評論。 <link href="css/bootstrap-responsive.css" rel="stylesheet">需要在<link href="css/bootstrap.min.css" rel="stylesheet">之後去。

來源

2013-01-16 03:32:57 ericponto

做到了，謝謝！ – Brian

爲什麼我的Bootstrap旋轉木馬不能縮放？

回答

相關問題