Quitar scroll bootstrap

publicado por: Anonymous

Estoy haciendo una página web en Boostrap y quiero que en la página de inicio (home) el contenido se adapte al tamaño de la pantalla, es decir que no haya ni scroll vertical ni horizontal.

¿Cómo puedo hacer para quitarlo?

Éste es mi código:

_x000D_

_x000D_

html, body, .container-fluid {_x000D_
  height: 100%;_x000D_
}_x000D_
_x000D_
.direccion {_x000D_
  font-size: 0.9em;_x000D_
}_x000D_
_x000D_
@media (min-width: 768px) {_x000D_
  .sidebar-nav .navbar .navbar-collapse {_x000D_
    padding: 0;_x000D_
    max-height: none;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar ul {_x000D_
    float: none;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar ul:not {_x000D_
    display: block;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar li {_x000D_
    float:none;_x000D_
    display: block;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar li a {_x000D_
    padding-top: 12px;_x000D_
    padding-bottom: 12px;_x000D_
  }_x000D_
_x000D_
  .logo_menu {_x000D_
    width: 50%;_x000D_
    margin: 0 auto;_x000D_
  }_x000D_
}_x000D_
_x000D_
.rrss {_x000D_
  margin-left: 5%;_x000D_
}_x000D_
_x000D_
.col-sm-2 {_x000D_
  padding-right:0; _x000D_
}

_x000D_

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />_x000D_
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>_x000D_
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>_x000D_
_x000D_
<div class="row">_x000D_
  <div class="col-sm-2">_x000D_
    <div class="sidebar-nav">_x000D_
      <div class="navbar navbar-default" role="navigation">_x000D_
        <div class="navbar-header">_x000D_
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">_x000D_
            <span class="sr-only">Toggle navigation</span>_x000D_
            <span class="icon-bar"></span>_x000D_
            <span class="icon-bar"></span>_x000D_
            <span class="icon-bar"></span>_x000D_
          </button>_x000D_
_x000D_
          <!--<span class="visible-xs navbar-brand">Sidebar menu</span>-->_x000D_
        </div>_x000D_
        <a href="index.html"><img class="img-responsive logo_menu" src="http://placehold.it/200x200" alt="logo home"/></a>_x000D_
        <div class="navbar-collapse collapse sidebar-navbar-collapse">_x000D_
          <ul class="nav navbar-nav">_x000D_
            <li class="active"><a href="#">Quienes somos</a></li>_x000D_
            <li><a href="#">Que hacemos</a></li>_x000D_
            <li><a href="#">Quiero trabajar</a></li>_x000D_
            <li><a href="#">Contacto</a></li>_x000D_
            <li><a href="#">Noticias</a></li>_x000D_
          </ul><br/>_x000D_
_x000D_
          <div class="rrss">_x000D_
            <a href="#"><img src="images/facebook.png" width="10%" alt="facebook"/></a>&nbsp;_x000D_
            <a href="#"><img src="images/twitter.png" width="10%" alt="twitter"/></a>_x000D_
            <!--<i class="fa fa-facebook fa-lg" aria-hidden="true"></i>&nbsp;_x000D_
<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>-->_x000D_
          </div><br/>_x000D_
_x000D_
          <div class="direccion rrss">_x000D_
            <p>Dirección de la empresa</p>_x000D_
            <!--<p>@2016 Sabrina Couto. All rights reserved.</p>-->_x000D_
          </div>_x000D_
        </div><!--/.nav-collapse -->_x000D_
      </div>_x000D_
    </div>_x000D_
  </div>_x000D_
_x000D_
_x000D_
  <div class="container-fluid">_x000D_
    <div class="col-sm-10">_x000D_
      <div id="myCarousel" class="carousel slide" data-ride="carousel">_x000D_
        <!-- Indicators -->_x000D_
        <ol class="carousel-indicators">_x000D_
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>_x000D_
          <li data-target="#myCarousel" data-slide-to="1"></li>_x000D_
          <li data-target="#myCarousel" data-slide-to="2"></li>_x000D_
        </ol>_x000D_
_x000D_
        <!-- Wrapper for slides -->_x000D_
        <div class="carousel-inner" role="listbox">_x000D_
          <div class="item active">_x000D_
            <img src="http://placehold.it/2000x900/ff0000" alt="Chania">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Innovación y desarrollo de nuevas técnicas de ventas</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
_x000D_
          <div class="item">_x000D_
            <img src="http://placehold.it/2000x900/00ff00" alt="Chania">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Formamos a toda nuestra gente desde la base</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
_x000D_
          <div class="item">_x000D_
            <img src="http://placehold.it/2000x900/0000ff" alt="Flower">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Profesionalidad, calidad y experiencia en ventas</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
        </div>_x000D_
_x000D_
        <!-- Left and right controls -->_x000D_
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">_x000D_
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>_x000D_
          <span class="sr-only">Previous</span>_x000D_
        </a>_x000D_
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">_x000D_
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>_x000D_
          <span class="sr-only">Next</span>_x000D_
        </a>_x000D_
      </div>_x000D_
    </div>_x000D_
  </div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

solución

Agrega row-fluid en vez de usar row para anchos de 100%

_x000D_

_x000D_

html, body, .container-fluid {_x000D_
  height: 100%;_x000D_
}_x000D_
_x000D_
.direccion {_x000D_
  font-size: 0.9em;_x000D_
}_x000D_
_x000D_
@media (min-width: 768px) {_x000D_
  .sidebar-nav .navbar .navbar-collapse {_x000D_
    padding: 0;_x000D_
    max-height: none;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar ul {_x000D_
    float: none;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar ul:not {_x000D_
    display: block;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar li {_x000D_
    float:none;_x000D_
    display: block;_x000D_
  }_x000D_
_x000D_
  .sidebar-nav .navbar li a {_x000D_
    padding-top: 12px;_x000D_
    padding-bottom: 12px;_x000D_
  }_x000D_
_x000D_
  .logo_menu {_x000D_
    width: 50%;_x000D_
    margin: 0 auto;_x000D_
  }_x000D_
}_x000D_
_x000D_
.rrss {_x000D_
  margin-left: 5%;_x000D_
}_x000D_
_x000D_
.col-sm-2 {_x000D_
  padding-right:0; _x000D_
}

_x000D_

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />_x000D_
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>_x000D_
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>_x000D_
_x000D_
<div class="row-fluid">_x000D_
  <div class="col-sm-2">_x000D_
    <div class="sidebar-nav">_x000D_
      <div class="navbar navbar-default" role="navigation">_x000D_
        <div class="navbar-header">_x000D_
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">_x000D_
            <span class="sr-only">Toggle navigation</span>_x000D_
            <span class="icon-bar"></span>_x000D_
            <span class="icon-bar"></span>_x000D_
            <span class="icon-bar"></span>_x000D_
          </button>_x000D_
_x000D_
          <!--<span class="visible-xs navbar-brand">Sidebar menu</span>-->_x000D_
        </div>_x000D_
        <a href="index.html"><img class="img-responsive logo_menu" src="http://placehold.it/200x200" alt="logo home"/></a>_x000D_
        <div class="navbar-collapse collapse sidebar-navbar-collapse">_x000D_
          <ul class="nav navbar-nav">_x000D_
            <li class="active"><a href="#">Quienes somos</a></li>_x000D_
            <li><a href="#">Que hacemos</a></li>_x000D_
            <li><a href="#">Quiero trabajar</a></li>_x000D_
            <li><a href="#">Contacto</a></li>_x000D_
            <li><a href="#">Noticias</a></li>_x000D_
          </ul><br/>_x000D_
_x000D_
          <div class="rrss">_x000D_
            <a href="#"><img src="images/facebook.png" width="10%" alt="facebook"/></a>&nbsp;_x000D_
            <a href="#"><img src="images/twitter.png" width="10%" alt="twitter"/></a>_x000D_
            <!--<i class="fa fa-facebook fa-lg" aria-hidden="true"></i>&nbsp;_x000D_
<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>-->_x000D_
          </div><br/>_x000D_
_x000D_
          <div class="direccion rrss">_x000D_
            <p>Dirección de la empresa</p>_x000D_
            <!--<p>@2016 Sabrina Couto. All rights reserved.</p>-->_x000D_
          </div>_x000D_
        </div><!--/.nav-collapse -->_x000D_
      </div>_x000D_
    </div>_x000D_
  </div>_x000D_
_x000D_
_x000D_
  <div class="container-fluid">_x000D_
    <div class="col-sm-10">_x000D_
      <div id="myCarousel" class="carousel slide" data-ride="carousel">_x000D_
        <!-- Indicators -->_x000D_
        <ol class="carousel-indicators">_x000D_
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>_x000D_
          <li data-target="#myCarousel" data-slide-to="1"></li>_x000D_
          <li data-target="#myCarousel" data-slide-to="2"></li>_x000D_
        </ol>_x000D_
_x000D_
        <!-- Wrapper for slides -->_x000D_
        <div class="carousel-inner" role="listbox">_x000D_
          <div class="item active">_x000D_
            <img src="http://placehold.it/2000x900/ff0000" alt="Chania">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Innovación y desarrollo de nuevas técnicas de ventas</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
_x000D_
          <div class="item">_x000D_
            <img src="http://placehold.it/2000x900/00ff00" alt="Chania">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Formamos a toda nuestra gente desde la base</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
_x000D_
          <div class="item">_x000D_
            <img src="http://placehold.it/2000x900/0000ff" alt="Flower">_x000D_
            <div class="carousel-caption">_x000D_
              <h1>Profesionalidad, calidad y experiencia en ventas</h1>_x000D_
            </div>_x000D_
          </div>_x000D_
        </div>_x000D_
_x000D_
        <!-- Left and right controls -->_x000D_
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">_x000D_
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>_x000D_
          <span class="sr-only">Previous</span>_x000D_
        </a>_x000D_
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">_x000D_
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>_x000D_
          <span class="sr-only">Next</span>_x000D_
        </a>_x000D_
      </div>_x000D_
    </div>_x000D_
  </div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *