hola que tal, no se porque me origina el siguiente problema:
cuando coloco este pedazo de codigo:
Cita: <div class="col-xs-12">
contenido
</div>
en realidad lo que quiero hacer es poner dos columnas de esta forma:
Cita: <div class="col-xs-12 col-sm-7">
contenidoleft
</div>
<div class="col-xs-12 col-sm-4 col-sm-offset-1">
contenidoright
</div>
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".
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>