A big greeting for everyone.
I have just started and I have had several difficulties, among which the content of the page has been moved to one side in such a way that it comes out with a lower bar as if there was more content at the ends, normally only one vertical bar comes out that there is more content below, but this time I get that bar below, I'm still making the website, however I show you an image of how it should be and another of what happens to me.
Thank you very much.
.nosotros{
background: no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
height: 600px;
}
.texto-nosotros {
margin-top: 200px;
}
.caja-nosotros {
width: 100%;
height:inherit;
padding: 50px;
border: 1px solid black;
box-sizing: border-box;
}
.equipo-trabajo {
margin-top: 100px;
margin-bottom: 100px;
}<!-- HEADER -->
<body>
<header>
<div class="container">
<img class="center-block logo" src="imagenes/Logo.png">
</div>
</header>
<!-- MENU -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-header" href="#"><img class="visible-xs" src="imagenes/logo-menu.png"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="index.html">INICIO</a></li>
<li><a href="nosotros.html">NOSOTROS</a></li>
<li><a href="servicios.html">SERVICIOS</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="container">
<video controls poster="imagenes/v-nosotros.jpg" src="Videos/v_nosotros.mp4"/>Your browser does not support the video tag.</video>
</div>
</div>
<section class="nosotros" style="background-image: url(imagenes/parallax.png); background-size: 100%;">
<div class="col-xs-10 col-md-10-offset-2">
<div class="texto-nosotros">
<h1 class="text-center"><b>ACERCA DE</b> “JOSÉ MIGUEL, ARTE Y BELLEZA”</h1><br>
<div class="caja-nosotros">
<p>Durante más de ....en la que se ofrecen productos y servicios de gran calidad a precios apropiados.</p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="equipo-trabajo">
<div class="row">
<h1 class="text-center"><b>EQUIPO</b> DE TRABAJO</h1><br><br>
<div class="col-md-2"></div>
<div class="col-sm-3 "><img class="img-responsive" src="imagenes/normal/josemiguel.png"><br><br><h4 style="text-align:center"><b>José</b></br>Estilista Integral</h4></div>
<div class="col-sm-3"><img class="img-responsive" src="imagenes/normal/luciajaimes.png"><br><br><h4 style="text-align:center"><b>Lucia</b></br>Estilista Integral</h4></div>
<div class="col-sm-3 "><img class="img-responsive" src="imagenes/normal/nataliatorres.png"><br><br><h4 style="text-align:center"><b>Natalia</b></br>Estilista Integral</h4></div>
<div class="col-md-2"></div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 text-left">
<h6 class="text-muted lead">CONTACTO:</h6>
<h6 class="text-muted">
Carrera 8h No. 166-71 Local 2<br>
Santa Cruz de la Ronda.<br>
Teléfonos: 3115988953 – 3112641818.<br>
</h6>
</div>
<div class="col-xs-12 col-md-6 text-right">
<h6 class="text-muted lead">ENCUENTRANOS EN LAS REDES</h6>
<div class="redes-footer">
<a href="https://www.facebook.com/"><img src="imagenes/facebook-2.png"></a>
<a href="https://twitter.com/"><img src="imagenes/twitter-2.png"></a>
<a href="https://www.youtube.com/"><img src="imagenes/youtube-2.png"></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-right">
<p class="text-muted small">José Miguel, arte y belleza @2016.<br> Todos los derechos reservados.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>