elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Ayuda: Navbar de bootstrap
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Ayuda: Navbar de bootstrap  (Leído 2,448 veces)
t4r0x

Desconectado Desconectado

Mensajes: 92



Ver Perfil
Ayuda: Navbar de bootstrap
« en: 6 Septiembre 2015, 02:00 am »

Buenas! veran estoy usando bootstrap y tengo este codigo:

Código
  1. <head>
  2.    <link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
  3.    <title>prueba</title>
  4.  
  5. </head>
  6. <body>
  7.    <div id="wrapper">
  8.        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  9.            <div class="navbar-header">
  10.                <a class="navbar-brand" href="index.html">prueba</a>
  11.            </div>
  12.        </nav>
  13.    </div>
  14. </body>
  15.  

todo bien pero ahora yo quiero aprender y saber como este navbar es creado asi que intente "aislar" el codigo CSS que este codigo utiliza pero no logro hacerlo funcionar, siempre no muestra nada, alguna ayuda?






En línea

Thryks

Desconectado Desconectado

Mensajes: 112



Ver Perfil
Re: Ayuda: Navbar de bootstrap
« Respuesta #1 en: 6 Septiembre 2015, 14:51 pm »

Para que nos entendamos, lo que has hecho es intentar crear el codigo que generan esas clases en bootstrap por tu cuenta no?


En línea

Futuro Sysadmin
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: Ayuda: Navbar de bootstrap
« Respuesta #2 en: 7 Septiembre 2015, 17:47 pm »

Aislar el código fuente de un framework como boostrap es cuanto menos, costoso. Si solo quieres el navbar te recomiendo que te lo hagas tu mismo. No es muy complicado. Un ejemplo muy básico:

Código
  1. body {
  2.    font-size: 16px;
  3. }
  4.  
  5. nav.navbar {
  6.    background: #111;
  7.    color: #f1f1f1;
  8.    padding: 5px;
  9.    line-height: 1.1em;
  10.    width: 100%;
  11. }
  12.  
  13.    nav.navbar a, nav.navbar a:visited {
  14.        color: #f1f1f1;
  15.        text-decoration: none;
  16.    }
  17.  
  18.    nav.navbar a:hover { text-decoration: underline; }
  19.  
  20.    nav.navbar-fixed-top {
  21.        position: fixed;
  22.        top: 0;
  23.        left: 0;
  24.    }

Saludos
En línea

str_null

Desconectado Desconectado

Mensajes: 16



Ver Perfil
Re: Ayuda: Navbar de bootstrap
« Respuesta #3 en: 8 Septiembre 2015, 02:33 am »

Bootstrap funciona por clases. Si quieres aislar un componente busca las clases que utiliza ese componente y revísalas. Bootstrap está precisamente para eso, es muy común aislar y quitar componentes que no se utilicen. Si quieres trabajar con una copia limpia de bootstrap utiliza otro fichero y renombra las clases que te convengan y si algún atributo te da problemas utiliza !important.

Puedes hacer eso durante el desarrollo y luego las remplazas en la copia de bootstrap que utilices.

Edito: Se me olvidaba. Siempre puedes hacerte tu copia personalizada de bootstrap en su página web te permite seleccionar lo que quieres utilizar.

Salud
En línea

Las aulas educan pero el tiempo enseña
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Ayuda con date picker de bootstrap, no lo consigo :-(
Desarrollo Web
exploiterstack 2 2,950 Último mensaje 11 Diciembre 2014, 13:08 pm
por exploiterstack
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 3,717 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
[AYUDA] Ayuda con una tabla (puede ser bootstrap)
Desarrollo Web
gramsch 3 2,232 Último mensaje 22 Abril 2016, 21:51 pm
por gramsch
Ayuda con bootstrap
Desarrollo Web
xavidenia 6 4,474 Último mensaje 3 Septiembre 2016, 09:24 am
por xavidenia
Error bootstrap 3 en navbar
Desarrollo Web
XKC 0 1,986 Último mensaje 31 Octubre 2017, 16:35 pm
por XKC
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines