Skip to content

Instantly share code, notes, and snippets.

@jonathantneal
Created January 24, 2013 21:48
Show Gist options
  • Save jonathantneal/4628183 to your computer and use it in GitHub Desktop.
Save jonathantneal/4628183 to your computer and use it in GitHub Desktop.
Liferay Layouts in Twitter Bootstrap markup
<div class="columns-1-2-1" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processColumn("column-1", "")
</div>
</div>
<div class="row-fluid">
<div class="span6">
$processor.processColumn("column-2", "")
</div>
<div class="span6">
$processor.processColumn("column-3", "")
</div>
</div>
<div class="row-fluid">
<div class="span12">
$processor.processColumn("column-5", "")
</div>
</div>
</div>
<div class="columns-1-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processColumn("column-1", "")
</div>
</div>
<div class="row-fluid">
<div class="span4">
$processor.processColumn("column-2", "")
</div>
<div class="span8">
$processor.processColumn("column-3", "")
</div>
</div>
</div>
<div class="columns-1-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processColumn("column-1", "")
</div>
</div>
<div class="row-fluid">
<div class="span8">
$processor.processColumn("column-2", "")
</div>
<div class="span4">
$processor.processColumn("column-3", "")
</div>
</div>
</div>
<div class="columns-1" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processColumn("column-1", "")
</div>
</div>
</div>
<div class="columns-2-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span8">
$processor.processColumn("column-1", "")
</div>
<div class="span4">
$processor.processColumn("column-2", "")
</div>
</div>
<div class="row-fluid">
<div class="span4">
$processor.processColumn("column-3", "")
</div>
<div class="span8">
$processor.processColumn("column-4", "")
</div>
</div>
</div>
<div class="columns-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span6">
$processor.processColumn("column-1", "")
</div>
<div class="span6">
$processor.processColumn("column-2", "")
</div>
</div>
</div>
<div class="columns-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span4">
$processor.processColumn("column-1", "")
</div>
<div class="span8">
$processor.processColumn("column-2", "")
</div>
</div>
</div>
<div class="columns-2" id="main-content" role="main">
<div class="row-fluid">
<div class="span8">
$processor.processColumn("column-1", "")
</div>
<div class="span4">
$processor.processColumn("column-2", "")
</div>
</div>
</div>
<div class="columns-3" id="main-content" role="main">
<div class="row-fluid">
<div class="span4">
$processor.processColumn("column-1", "")
</div>
<div class="span4">
$processor.processColumn("column-2", "")
</div>
<div class="span4">
$processor.processColumn("column-3", "")
</div>
</div>
</div>
<div class="columns-max" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processMax()
</div>
</div>
</div>
<div class="columns-max" id="main-content" role="main">
<div class="row-fluid">
<div class="span12">
$processor.processMax()
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment