cuando coloco este pedazo de codigo:
Cita:
en realidad lo que quiero hacer es poner dos columnas de esta forma:<div class="col-xs-12">
contenido
</div>
contenido
</div>
Cita:
Pero tan solo poniendo class="col-xs-12" ya me da el espacio ese en el footer y en otro elemento del contenido. No entiendo porque se da el error ya que en el contenido tengo una estructura similar y no me da el mismo "problema". <div class="col-xs-12 col-sm-7">
contenidoleft
</div>
<div class="col-xs-12 col-sm-4 col-sm-offset-1">
contenidoright
</div>
contenidoleft
</div>
<div class="col-xs-12 col-sm-4 col-sm-offset-1">
contenidoright
</div>
Pongo el codigo de la estructura de todas formas
Código HTML:
<!doctype html> <html lang="esp"> <head> <meta charset="UTF-8"> <title></title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="css/comun.css"> <link href="fonts/style.css" rel="stylesheet"> </head> <body> <div id="fb-root"></div> <header id="main_header" class="navbar-fixed-top"> <div class="container-fluid"> <div class="row"> <div class="col-xs-3"> <h1 id="titulo"title="prestamos hipotecarios prestamos de dinero"><span></span>prestamos hipotecarios prestamos de dinero</h1> </div> <div class="col-xs-9"> <nav> <ul id="main-menu" class="nav nav-pills"> <li class="nav-item"> <a class="nav-link active" href="#">Inicio</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Nosotros</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contactenos</a> </li> </ul> </nav> </div> </div> </div> </header> <!--<CONTENIDO>--> <div id="contenido-workshop"> <article id="header-prestamo" class="prestamo"> <header class="workshop"> <div class="container-fluid"> <div class="row"> <div id="cabecera2" class="col-xs-12"> <h2><strong>NO DUDES EN LLAMARNOS PORQUE CON NOSOTROS LLEGA LA SOLUCIÓN QUE TANTO BUSCABAS</strong></h2> </div> </div> </div> </header> <section id="titulos"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 paraleft"> <h3 class="control parah3">ALCANZA TU SUEÑO</h3> <p class="control paraP">sistema de préstamos <span class="toUppercase"> de dinero </span> con garantía hipotecaria prestamos <span class="toUppercase"> 1% de interés </span> con total seguridad y confianza alcanza tus sueños. <span="toUppercase">confía en nosotros</span></p> </div> <div class="col-xs-12 col-sm-5 col-sm-offset-1 pararight"> <h3 class="control">Contáctanos</h3> <form> <input type="text" name="nombre" placeholder="Nombre"><br> <input type="text" name="telefono" placeholder="Teléfono"><br> <input type="text" name="email" placeholder="Email"><br> <textarea name="message" rows="5" cols="25" Placeholder="Mensaje" ></textarea><br /> <input type="submit" value="Enviar"><input type="reset" value="Borrar"> </form> </div> </div> </div> </section> <section> <div id="contenido2" class="container"> <!-- Example row of columns --> <div class="row"> <div class="col-xs-12 col-sm-4"> <h2 title="Prestamos hipotecarios"><span>Préstamos Rápidos</span><br /><image src="images/logo1.png" /></h2> <p class="text-danger">obten tu préstamo hipotecario y págalo hasta con sólo el 1% de interés o planifica tu cuota como mejor te convenga. Presta Seguro, es la institución de crédito en la mejores opciones tendrás para conseguir ese anhelo que tanto soñabas </p> <p><a class="btn btn-primary" href="#" role="button">View details »</a></p> </div> <div class="col-xs-12 col-sm-4"> <h2 title="presta seguro"><span>presta seguro perú</span><br /><image src="images/logoOk.png" /></h2> <p>Presta seguro es una institución crediticia dedicada al préstamo rápido y efectivo de dinero. Contamos con un gran respaldo económico y estamos a la espera de poder financiar todo tipo de negocios, viajes, autos, eventos de todo tipo...</p> <p><a class="btn btn-primary" href="#" role="button">View details »</a></p> </div> <div class="col-xs-12 col-sm-4"> <h2 title="prestamos de dinero"><span>préstamos de dinero</span><br /><image src="images/logo2.png" /></h2> <p>En Presta Seguro somos una empresa crediticia que brinda prestamos de dinero para todo tipo de eventos o para tu negocio, para tu auto, te ayudamos a conseguir tus metas. No evaluamos tu estado crediticio o penalizaciones de INFOCORP. </p> <p><a class="btn btn-primary" href="#" role="button">View details »</a></p> </div> </div> </div> </section> <section> <div id="medio" class="container"> <div class="row"> <div class="col-xs-12 col-sm-7"> contenidoleft </div> <div class="col-xs-12 col-sm-4 col-sm-offset-1"> contenidoright </div> </div> </div> </section> </article> </div> <!--</CONTENIDO>--> <footer id="mainFooter" class="container-fluid"> <div> <div class="row"> <div class="col-xs-12"> <h3>Presta Seguro</h3> <p><span class="glyphicon glyphicon-earphone"></span> Telefono: <span> 942021064 </span><br /> <span class="glyphicon glyphicon-envelope"></span> [email protected]</p> </div> </div> </div> </footer> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
