gracias por tu respuesta.......
ya se que un elemento puede tener varias clases col.....
cada clase col da un width difrente y hay 12 col de cada clase.....
te los describo aqui......
12 col-xs (cada unos con un width difererente)
12 col-sm (cada unos con un width difererente)
12 col-md (cada unos con un width difererente)
12 col-lg (cada unos con un width difererente)
pero estas clases solo dan tamaño al contenedor con el width, no posicionan....
y lo mismo pasa con las clases
col-xs-push a col-lg-push (esta da un left que viene preestablecido)
col-xs-pull a col-lg-pull (esta da un right que viene preestablecido)
col-xs-offset a col-lg-offset (esta clase da un margin-left que viene preestablecido)
y todas con valores a %
estas clases si que pueden posicionar.....
mezclando por ejemplo, col-lg-5 col-lg-push-2....
se que puedo meter varias clases de todas las que detallo arriba en un elemento
mi duda es col-xs-push-2
viene con el valor preestablecido a left:16.66666667%
pq si el col-xs-push-1 se me queda corto y el col-xs-push-3 demasiado largo...
lo logico es poner un col-xs-push-2 que esta entre los dos valores, pero si aun asi
el elemento no acaba de quedarse donde yo quiero, tendre que modificar ese valor, no???
eso es lo que preguntaba si habia que modificar esos valores????
o si habia que ir jugando con los valores preestablecidos.......
en cuanto a los media query bootstrap ya los lleva preestablecidos tambien.....
de normal yo me he creado mi media query para smartphones de 5 o 5,5 pulgadas tanto en vertical como en horizontal.......
@media (max-device-width:640px) and (orientation:landscape){
aqui css horizontal
}
@media (max-device-width:360px) and (orientation:portrait){
aqui css vertical
}
pero tanto en una como en la otra he tenido que bajar dentro de ellas el tamaño del container, pues si no lo hacia me creaba un escroll horizontal abajo.....
@media (max-device-width:640px) and (orientation:landscape){
.container{
width:538px;
}
}
@media (max-device-width:360px) and (orientation:portrait){
.container{
width:293px;
}
}
entonces, no se si es normal que me cree un scroll horizontal abajo ,si le pongo el width de container correctamente, osea la width real del dispositivo......
si conoces alguna otra forma de hacer los media query que funcione mejor estoy abierto a sugerencias......
en cuanto a lo del boton del header te subo el codigo , seguramente lo veras bien , pues he revisado el codigo 1000 veces y no veo el error, pero puede que tenga un error y no haya dado con el........
$ruta ="/pruebasphp/Pagina final/";
echo'<div class="container navbar navbar-default navbar-static-top" role="navigation">';
echo'<div class="navbar-header">';
echo'<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">';
echo'<span class="sr-only">Menu</span>';
echo'<span class="icon-bar"></span>';
echo'<span class="icon-bar"></span>';
echo'<span class="icon-bar"></span>';
echo'</button>';
echo'<a class="navbar-brand" href="index.php">';
echo'<span class="logotipo"><img class="img-responsive" src="img/logotipo.png" alt="logotipo"</span>';
echo'</a>';
echo'</div>';
echo'<div class="collapse navbar-collapse">';
echo'<ul class="nav navbar-nav navbar-right">';
switch($_SERVER['PHP_SELF'])
{
case $ruta."index.php";
echo '<li class="text-center "><a href="servicios.php">Servicios</a></li>';
echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."blog.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."proyectos.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."contacto.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
break;
case $ruta."servicios.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."formulario_contacto.php";
break;
}
echo'</ul>';
echo'</div><!--/.nav-collapse -->';
echo'</div><!--/container -->';
gracias por tu respuesta y saludos
Autor
En línea
