부트 스트랩 캐 러셀이 왜 확장되지 않습니까?

나는 이것에 대한 정보를 찾고 답을 찾았지만 코드에 적용하면 아무 일도 일어나지 않습니다. 창 크기를 조정하면 회전식 크기가 조정되지 않고 대신 오른쪽에서 잘립니다. 올바르게 확장하는 방법에 대한 아이디어가 있습니까?부트 스트랩 캐 러셀이 왜 확장되지 않습니까?

<!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

부트 스트랩 캐 러셀이 왜 확장되지 않습니까?

답변

관련 문제