Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive
 
Autor: Gonzalo Suez
Email: This email address is being protected from spambots. You need JavaScript enabled to view it.
Web Autor: www.gsuez.cl
Licencia: GNU GPL2

El nuevo template Master Bootstrap para Joomla! 3.x viene con Bootstrap 3.0 integrado. La manera más simple para construir sitios profesionales. Tu imaginación y tu experiencia son el límite!

Características

  • 100% Bootstrap 3.0
  • HTML 5
  • Nuevo Administrador
  • Modernizr
  • Font Awesome
  • PIE para IE8
  • Subir Logo desde Administrador
  • Rápido
  • Liviano
  • Posiciones manejadas 100% por clase CSS
  • Módulos Left y Right, con proporciones independientes!
  • Una posición FULLWIDTH para tus sliders!
  • Sticky Footer, por defecto!
  • Instalas sólo el template (ni plugins, ni librerías)

Posiciones

Master Bootstrap trae por defecto las siguientes posiciones:

top
breadcrumbs
navigation
fullwidth
showcase
feature
left
right
content-top
content-bottom
bottom
footer

Cada posición puede ser dividida en 6 partes, salvo leftright y navigation y puedes agregar las que quieras, fácilmente desdep index.php y templateDetails.xml

Cómo funciona

Vamos a ver como le damos forma a nuestro framework, simplemente agregando una clase al módulo.

Menú Principal

En el menú principal que viene por defecto, debemos agregar la siguiente clase en el módulo Main Menu:

navbar-nav navbar-right

Con eso ya tenemos configurado el dropdown menú también.

Módulos en las posiciones

si queremos que la posición Showcase se vea así:

Debemos darle la clase col­md­4 (col­sm­4 ó col­xl­4) a cada uno. El orden es automático y lo puedes reordenar desde el gestor de módulos.

Eso es para todas las posiciones;

top
fullwidth
showcase
feature
bottom
footer

Lo puedes hacer también en content­top y content­bottom pero podría quedar un poco estrecho, si tienes left y right activado.

Si queremos algo especial, como esto:

Aplicamos el mismo principio; le damos las siguientes clases a cada uno:

col-md-2, col-md-5, col-md-2, col-md-3

Contenido principal

Desde el administrador del template, tenemos la opción de darle una proporción a cada módulo que acompaña el contenido principal. 2, 3, 4, 5. Independientes para la posición Left y Right