Difference between revisions of "Sandbox"
Alexalspach (Talk | contribs) |
Alexalspach (Talk | contribs) |
||
| (13 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| + | {{bs label default}} | ||
| + | {{bs label success}} | ||
| + | {{bs label warning}} | ||
| + | {{bs label important}} | ||
| + | {{bs label info}} | ||
| + | {{bs label inverse}} | ||
| + | |||
| + | [[image:bsimage.jpg]] | ||
| + | |||
| + | [[Allegro]] | ||
| + | |||
| + | <html> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(function () { | ||
| + | $("[rel='tooltip']").tooltip(); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | </html> | ||
| + | |||
| + | |||
| + | 'MediaWiki:bootstrap-navbar', '[[MediaWiki:bootstrap-sidebar]]', and 'MediaWiki:bootstrap-footer' | ||
| + | http://twitter.github.com/bootstrap/components.html | ||
| + | *[[Allegro Hand backup]] | ||
| + | *[[bootstrap testing]] | ||
| + | |||
| + | |||
| + | |||
| + | <html> | ||
| + | $('#example').tooltip(options) | ||
| + | <a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a> | ||
| + | </html> | ||
| + | |||
<html> | <html> | ||
<a href="#" class="thumbnail"> | <a href="#" class="thumbnail"> | ||
| − | <img | + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt=""> |
</a> | </a> | ||
| Line 11: | Line 45: | ||
<li class="span3"> | <li class="span3"> | ||
<a href="#" class="thumbnail"> | <a href="#" class="thumbnail"> | ||
| − | <img | + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt=""> |
</a> | </a> | ||
</li> | </li> | ||
<li class="span3"> | <li class="span3"> | ||
<a href="#" class="thumbnail"> | <a href="#" class="thumbnail"> | ||
| − | <img | + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt=""> |
</a> | </a> | ||
</li> | </li> | ||
<li class="span3"> | <li class="span3"> | ||
<a href="#" class="thumbnail"> | <a href="#" class="thumbnail"> | ||
| − | <img | + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt=""> |
</a> | </a> | ||
</li> | </li> | ||
<li class="span3"> | <li class="span3"> | ||
| − | <a href=" | + | <a href="http://twitter.github.com/bootstrap/customize.html" class="thumbnail"> |
| − | <img | + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt=""> |
</a> | </a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | |||
| + | <ul class="thumbnails"> | ||
| + | <li class="span5"> | ||
| + | <div class="thumbnail"> | ||
| + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="product 1"> | ||
| + | <div class="caption"> | ||
| + | <h5>Product detail</h5> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
| + | <p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <li class="span5"> | ||
| + | <div class="thumbnail"> | ||
| + | <img src="http://www.simlab.co.kr/Allegro-Hand-flash/Allegro_Hand_flash_05.png" alt="product 2"> | ||
| + | <div class="caption"> | ||
| + | <h5>Product detail</h5> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
| + | <p><a href="#" class="btn btn-success">Buy</a> <a href="#" class="btn btn-warning">Try</a></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | </ul> | ||
Latest revision as of 17:27, 15 April 2013
{{{1}}} {{{1}}} {{{1}}} {{{1}}} {{{1}}} {{{1}}}
'MediaWiki:bootstrap-navbar', 'MediaWiki:bootstrap-sidebar', and 'MediaWiki:bootstrap-footer'
http://twitter.github.com/bootstrap/components.html
$('#example').tooltip(options) hover over me
Default thumbnails
By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.
Heading
First Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Second Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Third Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
| Whos here now: Members 0 Guests 0 Bots & Crawlers 1 |