Bootstrapskin Detail

Latest Items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor.

Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.

Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.

---

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Demo button

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Demo button

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Demo button

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Read more

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Read more

Panel title

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.

Read more

Template use

To remove the Mediawiki page title, we can do this very simply by adding the following to Mediawiki:Common.css, replacing Bootstrapskin_News with your page title.

body.page-Bootstrapskin_News.action-view h1.firstHeading, body.page-Bootstrapskin_News.action-submit h1.firstHeading { display: none; }

Now copy and paste the following into your Mediawiki article.

__NOTOC__
<div class="col-md-6">
<h4>Latest Items</h4>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor.</p>
<p>Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</p>
<p>Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</p>
</div>
<div class="col-md-6">
<div class="thumbnail">https://placehold.it/600x400.jpg</div>
</div>
<div class="clearfix"></div>
<hr>
<div class="col-md-4">
<div class="panel panel-danger-white-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<div class="thumbnail">https://placehold.it/400x370.jpg</div>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<div class="btn btn-lighter"><i class="fa fa-thumbs-up"></i> [[#|<span style="color:#fff;"> Demo button</span>]]</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-danger-white-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<div class="thumbnail">https://placehold.it/400x370.jpg</div>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<div class="btn btn-lighter"><i class="fa fa-thumbs-up"></i> [[#|<span style="color:#fff;"> Demo button</span>]]</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-danger-white-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<div class="thumbnail">https://placehold.it/400x370.jpg</div>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<div class="btn btn-lighter"><i class="fa fa-thumbs-up"></i> [[#|<span style="color:#fff;"> Demo button</span>]]</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-midnight-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
</div>
<div class="panel-footer">
<p> [[#|<span style="color:#fff;"> Read more</span>]]</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-midnight-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
</div>
<div class="panel-footer">
<p> [[#|<span style="color:#fff;"> Read more</span>]]</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-midnight-border">
<div class="panel-heading">
<h4 class="panel-title">Panel title</h4>
</div>
<div class="panel-body">
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
<p>In hac habit platea dictum. Phasellus eu sem sapien, sed vestibu velit.</p>
</div>
<div class="panel-footer">
<p> [[#|<span style="color:#fff;"> Read more</span>]]</p>
</div>
</div>
</div>