[SOLUCIONADO] Problema con Bootstrap. Contenido excede contenedor

[kike2lucas]

Hello world! Estoy utilizando una plantilla que trabaja con bootstrap y cuando reduzco el tamaño de la pantalla me aparece una barra de desplazamiento horizontal; el contenido excede el contenedor, con lo cual deja de ser responsive

He estado buscando documentación del error, pero no he encontrado nada por ningún lado.
En mi caso necesito un container convencional, no fluido, ya que el diseño tiene que ser similar al de una tienda online.

El código fuente se puede ver a través del navegador aquí

Y aquí el css

¿Algún experto en bootstrap que me pueda echar una mano?

[AngelKrak]

pues yo nose de bootstrap pero tu error coomienza aqui >_< nose si tengas bien tus class >_<

<div class="contact-section" id="contact">
<div class="container">
<div class="contact-section-grids">

[kike2lucas]

Iniciado por AngelKrak

pues yo nose de bootstrap pero tu error coomienza aqui >_< nose si tengas bien tus class >_<

Mmm, no lo veo. Supongo que el error viene de más arriba. Las clases estas son:
<div class="contact-section" id="contact"> El footer
<div class="container"> El contenedor (clase de bootstrap)
<div class="contact-section-grids"> Las grillas donde va la info

[AngelKrak]

mira para hacerla mas facil pon esto en tu hoja de estilos y listo >_<

@media screen and (max-width: 480px) {
.container {
width: 100% !important;
}
}

@media screen and (max-width: 640px) {
.container {
width: 100% !important;
}
}

[pzin]

Cambia la clase container por container-fluid: http://getbootstrap.com/css/#overview-container

Y si quieres añades a la clase:

Código CSS:

.container-fluid {
  max-width: 1000px;
  margin: auto;
}
 

Por si quieres que tenga un ancho máximo, por ejemplo para sobremesas y demás.

[kike2lucas]

Solucionado! Muchas gracias a ambos