Problema con Bootstrap Responsive Design

[juanchi023]

Muy buenas noches compañeros...

Tengo un problema que no he podido solucionar.
estoy intentando crear un sitio web responsivo, que se adapte a cualquier tamaño de pantalla. Tengo un error y es que cuando le doy minimizar tamaño de la pagina, los divs se mezclan, las letras y todo... Quiera saber como solucionar este problema del css.

mi sitio web: http://cartagenatic.co/festival/

adicional al .css de bootstrap tengo otro css:
html, body {
background-color: white;

margin:0px;

height:100%;
}


.sec1 {
width: 100%; height: 100%; background: url("pat.jpg");#0080FF;

}
.sec2 {

width: 100%; height: 100%; background-color: #2E9AFE; }

Gracias! ojala puedan ayudarme

[kevin_91bo]

elimina o comenta el estilo height de tu html,body ya que al ocupar 100% de alto causa conflicto, lo cual quedaría de la siguiente forma.

html, body {
background-color: white;
margin:0px;
/*height:100%;*/
}

Intenta no colocar el tamaño de altura a tus contenidos a no ser que necesites una altura exacta, de forma que sean automáticas y crezcan respecto al contenido.