查看“Bootstrapskin Detail”的源代码

__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>
<div class="col-md-12">
<h2 class="title-red">Template use</h2>
<p>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.</p>
<pre>body.page-Bootstrapskin_News.action-view h1.firstHeading, body.page-Bootstrapskin_News.action-submit h1.firstHeading { display: none; }</pre>
<p>Now copy and paste the following into your Mediawiki article.</p>
<pre>
__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>
</pre>
</div>