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.
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>
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>
