wiki:plugin:bootswrapper:jumbotron

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
wiki:plugin:bootswrapper:jumbotron [2015/07/12 22:45] – Giuseppe Di Terlizziwiki:plugin:bootswrapper:jumbotron [2016/03/18 11:30] (current) – Giuseppe Di Terlizzi
Line 1: Line 1:
 ====== Jumbotron ====== ====== Jumbotron ======
  
-{{page>:wiki:plugin:bootswrapper&inline&nofooter&noheader}}+A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.
  
-<code html><jumbotron> +<jumbotron> 
-====== Hello, world! ======+<html><h1></html> Hello, world! <html></h1></html>
  
 This is a simple hero unit, a simple jumbotron-style  This is a simple hero unit, a simple jumbotron-style 
 component for calling extra attention to featured component for calling extra attention to featured
 content or information. content or information.
-</jumbotron></code> 
  
-<jumbotron> +<btn type="primary">[[#|Learn more]]</btn> 
-<html><h1></html> Hello, world! <html></h1></html>+</jumbotron> 
 + 
 +\\ 
 + 
 +<code html5><jumbotron> 
 +====== Hello, world! ======
  
 This is a simple hero unit, a simple jumbotron-style  This is a simple hero unit, a simple jumbotron-style 
 component for calling extra attention to featured component for calling extra attention to featured
 content or information. content or information.
 +
 +<btn type="primary">[[#|Learn more]]</btn>
 +</jumbotron></code>
 +
 +===== Background and text colors =====
 +
 +<code html><jumbotron background=":wiki:plugin:bootswrapper:35723-fielx.jpg" color="#fff">
 +====== Lorem ipsum! ======
 +
 +Lorem ipsum dolor sit amet, [...]
 +</jumbotron></code>
 +
 +<jumbotron background=":wiki:plugin:bootswrapper:35723-fielx.jpg" color="#fff">
 +====== Lorem ipsum! ======
 +
 +Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
 +<btn type="primary">Link</btn>
 </jumbotron> </jumbotron>
 +
 +^ Attribute ^ Description ^
 +| ''background'' | Background URL or DokuWiki Media link (eg '':wiki:logo.png'') |
 +| ''color''      | Color name or HEX (eg. ''#ffffff'') of text |
  
  • wiki/plugin/bootswrapper/jumbotron.1436733914.txt.gz
  • Last modified: 9 years ago
  • (external edit)