Carousel aumentar widht

[natan500]

Bom , estou desenvolvendo um site , tenho uma boa base em css , mais estou com um problema que esta difícil de resolver .

O problema é que tenho um carousel no site mais ele esta com um largura que não quero (peguei o carousel do site w3chools) quero mudar a largura de um modo que pega as laterais inteiras (sem deixar espaço dos lados) ,  ja tentei tudo qualquer style mais não funciona .

Acredito que seja alguma class que impossibilita a ação .

Segue o código :

<div id="carousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="imagens/carousel5.jpg" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
                <h1>Junte-se a nós</h1>
                <p>Desapegue, anuncie e venda. Comece agora mesmo!</p>
                <p></p>
              </div>
          </div>
        </div>
        <div class="item">
          <img class="second-slide" src="imagens/carousel1.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1></h1>
              <p></p>
              <p></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img class="third-slide" src="imagens/carousel2.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1></h1>
              <p></p>
              <p></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

 

[luscas]

@natan500 como esta o codigo css ?

[natan500]

<div class="item">

 

5 horas atrás, luscas disse:

@natan500 como esta o codigo css ?

@luscas o código css e todo do bootstrap nao cheguei a fazer nada em css

[DiF]

@natan500 Você vai ter que criar um css para sobrescrever a regra do bootstrap OU editar CSS do carousel  

[natan500]

na verdade foi uma claas no cabecalho que nao deixava arumar o carousel .

Foi uma class "container".