Ширина контейнера бутстрапа в соответствии с размером веб-страницы

Question

У меня есть контейнер для карусели, и я хотел, чтобы его длина и ширина соответствовали размеру веб-страницы. Я попробовал использовать «контейнерную строку», чтобы он выравнивался только слева от веб-страницы, но ширина не была расширена.

Как я могу это сделать? Это пример того, что я хотел (фиолетовый цвет div) http://getbootstrap.com/css/.

<div class="container row"> 
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
<!-- Indicators --> 
<ol class="carousel-indicators"> 
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
</ol> 
<!-- Wrapper for slides --> 
<div class="carousel-inner"> 

<!-- item 1 --> 
<div class="item active"> 
<img src="img/Nielsen.png" alt=""> 
<div class="carousel-caption"> 
<h4>Jacob Nielsen's 10 usability principles </h4> 
<p>Most used for evaluation of user interface usability</p></br> 
</div> 
</div> 

<!-- item 2 --> 
<div class="item"> 
<img src="img/UIParade.png" alt=""> 
<div class="carousel-caption"> 
<h4>UI Parade - User Interface Design Inspiration</h4> 
<p>Ui Parade has good UI reference!.</p></br> 
<a class="btn btn-primary" target="_blank" href="http://www.uiparade.com/">Learn 
more</a> 
</div> 
</div> 
</div> 
</div> 
</div> 

Answer 1

Попробуйте так:

<div class="container-fluid"> 
      <div class="row"> 
       Your content 
      </div> 
</div> 

Answer 2

Попробуйте

<div class="container"> 
<div class="row"> 
<div class="col-md-12 col-xs-12"> 
    Your content 
</div> 
</div> 
</div>