Aprende Informatica Conmigo

  • Inicio
  • Contenido Anterior
    • VIDEOTUTORIALES
    • Windows Server 2008
    • POWERSHELL

15 mayo, 2014 Por oscar Deja un comentario

Bootply – El jsfidde para bootstrap

Bootply es una buena herramienta online y gratuita para realizar pruebas con nuestros desarrollos en Bootstrap.

Bootply - El jsfidde para bootstrap

En la página principal de Bootply podemos pulsar sobre el botón «Play Now» para probarlo y que veamos las características que tiene y los beneficios que nos ofrece a la hora de realizar un desarrollo sobre Bootstrap.

En la siguiente pantalla podemos hacernos una idea de las secciones o apartados de que dispone.

Bootply - El jsfidde para bootstrap

Para ver un poco las posibilidades de esta herramienta, vamos a pulsar sobre el enlace «Basic Starter» de la barra lateral izquierda, justo debajo de «Templates«.

Esto nos carga una plantilla básica que podemos ver en la siguiente captura:

En la parte inferior vemos la página web.

Si queremos ver cómo va quedando en un navegador web, podemos pulsar el botón de la pantall en la parte derecha.

Bootply - El jsfidde para bootstrap

Esto nos abre una nueva ventana de nuestro navegador y nos muestra esto:

Bootply - El jsfidde para bootstrap

Podemos redimensionar la pantalla para ver cómo va quedando y los cambios que sufre al disminuir el ancho de la ventana:

En la siguiente vemos que el menú ha desaparecido y en su lugar, ha aparecido un botón de menu en la parte superior derecha.

Bootply - El jsfidde para bootstrap

Si seguimos disminuyendo el ancho de la pantalla par que tenga un tamaño tipo smartphone vemos que los textos se adaptan:

Bootply - El jsfidde para bootstrap

En la siguiente captura he marcado las diferentes secciones: Javascript, Css y Html donde podremos añadir nuestro propio código en cada una de ellas.

Bootply - El jsfidde para bootstrap

Si sólo queremos probarlo, podemos hacerlo sin darnos de alta pero si queremos guardar nuestros proyectos, es mejor darnos de alta y para ello debemos pulsar sobre el botón «Login» situado en la parte superior derecha:

Bootply - El jsfidde para bootstrap

Como no tenemos cuenta todavía, debemos pulsar sobre el enlace: «New User? Sign-up…» y nos aparecerán los campos a rellenar para darnos de alta.

Bootply - El jsfidde para bootstrap

Una vez que hayamos realizado el sencillo proceso de alta, podemos entrar a nuestro panel y ver los proyectos que hemos ido creando.

En la siguiente captura vemos que hay un proyecto creado: «01 starter template«.

Bootply - El jsfidde para bootstrap

Bueno, lo dejamos aquí con la esperanza de que os haya sido de utilidad.

Saludos.

oscar
oscar

Programador WordPress freelance

Publicado en: Bootstrap 3, programacion Etiquetado como: bootply, bootstrap

Acerca de oscar

Programador WordPress freelance

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.

Hazte con el tema Divi

Divi WordPress Theme
Libro windows server 2008

Libro certificación Windows Server 2016

Libro certificación Windows Server 2016

Libro Windows Server 2016

Libro Windows Sever 2016
Web Hosting

Últimos artículos

  • PHP función var_dump(): Mostrar el contenido de una variable
  • PHP función unset(): Eliminar variables
  • MySQL LIMIT: Limitar la canidad de filas en una consulta
  • PHP función isset(): Evaluar si una variable está definida
  • PHP función empty(): Comprobar si una variable está vacía
  • MySQL SELECT DISTINCT para encontrar registros con diferente valor en el mismo campo
  • Los mejores libros en español para aprender WordPress

Mis Webs

  • Aprende Informática Conmigo
  • Dinapyme
  • MUSIKP
  • Oscar Abad Folgueira

Proyectos

  • Basabe Baserria
  • Batukada Battuere
  • Bicicletas Sin Pedales
  • Bordalan
  • C.R. Pantano del Rumblar
  • Dinapyme
  • DiverBiblio
  • Egia Ingenieros
  • Hermanos Vivas construcciones
  • Ibartxi – Suministros de Gas y Soldadura
  • LANBASE
  • LS Fotografía
  • Luke and Phil
  • Masajes Mas Sana
  • MUSIKP
  • Oh! Yeah Dev
  • Oscar Abad Folgueira
  • Participación ciudadana Basauri
  • Restaurante Bideko
  • Taldesport
  • Vicente Choya
  • WooCommerce Knowledge2K
  • Inicio
  • Contenido Anterior

Copyright © 2023 · Oscar Abad Folgueira Y DINAPYME· Acceder