К примеру, страница описанная в тегах как :
[#js src="D:/1.txt" /]
<h1>Пример вкладок</h1>
[#bootstrap/tabs]
[#.tab]
[#.title]Вкладки снизу[#/.title]
<h2>Пример вкладок снизу</h2>
[#bootstrap/tabs tab-align="bottom"]
[#.tab]
[#.title]Вкладка 1[#/.title]
<p>Это вкладка 1</p>
[#/.tab]
[#.tab]
[#.title]Вкладка 2[#/.title]
<p>Это вкладка 2</p>
[#/.tab]
[#/bootstrap/tabs]
[#/.tab]
[#.tab]
[#.title]Вкладки слева[#/.title]
<h2>Пример вкладок слева</h2>
[#bootstrap/tabs tab-align="left"]
[#.tab]
[#.title]Вкладка 1[#/.title]
<p>Это вкладка 1</p>
[#/.tab]
[#.tab]
[#.title]Вкладка 2[#/.title]
<p>Это вкладка 2</p>
[#/.tab]
[#.tab]
[#.title]Вкладка 3[#/.title]
<p>Это вкладка 3</p>
[#/.tab]
[#/bootstrap/tabs]
[#/.tab]
[#.tab]
[#.title]Вкладки справа[#/.title]
<h2>Пример вкладок справа</h2>
[#bootstrap/tabs tab-align="right"]
[#.tab]
[#.title]Вкладка 1[#/.title]
<p>Это вкладка 1</p>
[#/.tab]
[#.tab]
[#.title]Вкладка 2[#/.title]
<p>Это вкладка 2</p>
[#/.tab]
[#/bootstrap/tabs]
[#/.tab]
[#/bootstrap/tabs]
компилируется в страницу со вкладками в стиле twitter bootstrap.
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/_bootstrap.min.js"></script>
<LINK href="/css/bootstrap-responsive.css" type=text/css rel=stylesheet>
<LINK href="/css/bootstrap.css" type=text/css rel=stylesheet>
</head><body>
<h1>Пример вкладок</h1>
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab4x1" data-toggle="tab" >Вкладки снизу</a></li>
<li ><a href="#tab4x2" data-toggle="tab" >Вкладки слева</a></li>
<li ><a href="#tab4x3" data-toggle="tab" >Вкладки справа</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab4x1" >
<h2>Пример вкладок снизу</h2>
<div class="tabbable tabs-below">
<div class="tab-content">
<div class="tab-pane active" id="tab1x1" >
<p>Это вкладка 1</p>
</div>
<div class="tab-pane" id="tab1x2" >
<p>Это вкладка 2</p>
</div>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1x1" data-toggle="tab" >Вкладка 1</a></li>
<li ><a href="#tab1x2" data-toggle="tab" >Вкладка 2</a></li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab4x2" >
<h2>Пример вкладок слева</h2>
<div class="tabbable tabs-left">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab2x1" data-toggle="tab" >Вкладка 1</a></li>
<li ><a href="#tab2x2" data-toggle="tab" >Вкладка 2</a></li>
<li ><a href="#tab2x3" data-toggle="tab" >Вкладка 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab2x1" >
<p>Это вкладка 1</p>
</div>
<div class="tab-pane" id="tab2x2" >
<p>Это вкладка 2</p>
</div>
<div class="tab-pane" id="tab2x3" >
<p>Это вкладка 3</p>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab4x3" >
<h2>Пример вкладок справа</h2>
<div class="tabbable tabs-right">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab3x1" data-toggle="tab" >Вкладка 1</a></li>
<li ><a href="#tab3x2" data-toggle="tab" >Вкладка 2</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab3x1" >
<p>Это вкладка 1</p>
</div>
<div class="tab-pane" id="tab3x2" >
<p>Это вкладка 2</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
