Cargando

problema con el css de bootstrap




Solución elegida por el autor
Iniciado por George10 , 04 mayo 2015 - 21:01

Te dejo la solucion:

<div class="container">
   <div class="page-header row">
     <div class="col-xs-6 col-sm-6 col-sm-6 col-md-8">
       <h3 class="text-info">Cabecera de la pagina</h3>
     </div>
     <div class="col-xs-6 col-sm-6 col-sm-6 col-md-4 text-right">
         <h5 class="text-info">Dueño: <a href="#" target="_blank">Emilio</a></h5>
         <h5 class="text-info">Tipo: Escritorio</h5>
         <h5 class="text-info">Status: Activo</h5>
     </div>
 </div>
</div>

Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 04 mayo 2015 - 15:47

Estoy tratando de ajustar el css de bootstrap para resolver un problema que estoy teniendo con el uso de la clase header para crear un titulo que sera consistente con el resto de todas mis paginas. En la pagina que estoy trabajando, existe informacion que me gustaria agregar del lado derecho de mi pagina junto con la cabecera y cada vez que trato de hacerla aparecer encima de este se posiciona debajo o incluso en el medio, les dejo la porcion de codigo:

<div class="container">
 <div class="page-header">
   <h3 class="text-info">Cabecera de la pagina</h3>
 </div>
 <div class="row">
   <div class="col-md-4 col-md-offset-8 text-right">
     <h5 class="text-info">Dueño: <a href="#" target="_blank">Emilio </a></h5>
     <h5 class="text-info">Tipo: Escritorio</h5>
     <h5 class="text-info">Status: Activo</h5>
   </div>
 </div>
</div>

De que forma puedo solucionar esto? Gracias de antemano.

 

  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba

 

Publicado 04 mayo 2015 - 18:39

Porque no usas el mismo row para ambos elementos? te dejo como sería:

<div class="container">
 <div class="row">
     <div class="col-xs-8">
       <div class="page-header">
       <h3 class="text-info">Cabecera de la pagina</h3>
      </div>
 </div>
 <div class="col-xs-4 text-right">
 <h5 class="text-info">Dueño: <a href="#" target="_blank">Emilio</a></h5>
 <h5 class="text-info">Tipo: Escritorio</h5>
 <h5 class="text-info">Status: Activo</h5>
</div>


 

Publicado 04 mayo 2015 - 21:01

Te dejo la solucion:

<div class="container">
   <div class="page-header row">
     <div class="col-xs-6 col-sm-6 col-sm-6 col-md-8">
       <h3 class="text-info">Cabecera de la pagina</h3>
     </div>
     <div class="col-xs-6 col-sm-6 col-sm-6 col-md-4 text-right">
         <h5 class="text-info">Dueño: <a href="#" target="_blank">Emilio</a></h5>
         <h5 class="text-info">Tipo: Escritorio</h5>
         <h5 class="text-info">Status: Activo</h5>
     </div>
 </div>
</div>


   AUTOR PREGUNTA

Publicado 05 mayo 2015 - 01:04

Gracias George, eso lo hizo!




X