http://x.9tripod.com/wiki/zh/index.php?action=history&feed=atom&title=BootStrap_Lightbox
BootStrap Lightbox - 版本历史
2026-04-19T16:36:35Z
本wiki的该页面的版本历史
MediaWiki 1.28.0
http://x.9tripod.com/wiki/zh/index.php?title=BootStrap_Lightbox&diff=394&oldid=prev
2016年12月9日 (五) 02:19 Admin
2016-12-09T02:19:57Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='zh'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2016年12月9日 (五) 02:19的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>__NOTOC__<del class="diffchange diffchange-inline">{{DISPLAYTITLE:Mediawiki Bootstrap Lightbox Demo<span style="display: none"></span>}}</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>__NOTOC__</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><div class="column clearfix">  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><div class="column clearfix">  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><div class="col-md-12">  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><div class="col-md-12">  </div></td></tr>
</table>
Admin
http://x.9tripod.com/wiki/zh/index.php?title=BootStrap_Lightbox&diff=284&oldid=prev
Admin：创建页面，内容为“__NOTOC__{{DISPLAYTITLE:Mediawiki Bootstrap Lightbox Demo<span style="display: none"></span>}} <div class="column clearfix"> <div class="col-md-12"> <div class="pa...”
2016-12-08T03:55:14Z
<p>创建页面，内容为“__NOTOC__{{DISPLAYTITLE:Mediawiki Bootstrap Lightbox Demo<span style="display: none"></span>}} <div class="column clearfix"> <div class="col-md-12"> <div class="pa...”</p>
<p><b>新页面</b></p><div>__NOTOC__{{DISPLAYTITLE:Mediawiki Bootstrap Lightbox Demo<span style="display: none"></span>}}<br />
<div class="column clearfix"> <br />
<div class="col-md-12"> <br />
<div class="panel panel-primary-light-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">Lightbox for Mediawiki</h3> </div> <br />
<div class="panel-body"><br />
<p>This mod doesn't use Lightbox, because it conflicts with many of the BootStrap scripts. We've opted to Magnific Popup instead.</p><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal1">http://mediawikibootstrapskin.co.uk/images/carousel_1_thumb.jpg</div><br />
<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_1.jpg</div> <br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close button and the ability to direct the viewer to another page. The only limitation is the size of the main image which shouldn't go over 800px (approx).</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal2">http://mediawikibootstrapskin.co.uk/images/carousel_2_thumb.jpg</div><br />
<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_2.jpg</div> <br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close button and the ability to direct the viewer to another page.</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal3">http://mediawikibootstrapskin.co.uk/images/carousel_3_thumb.jpg</div><br />
<div id="myModal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_3.jpg</div> <br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close button and the ability to direct the viewer to another page.</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div> <br />
</div> <br />
</div><br />
<div class="column clearfix"> <br />
<div class="col-md-12"> <br />
<div class="panel panel-primary-light-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">useage</h3> </div> <br />
<div class="panel-body"><br />
<div class="bs-example"><br />
<p>Add the following to your mediawiki article.</p><br />
<pre><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal1"><br />
http://mediawikibootstrapskin.co.uk/images/carousel_1_thumb.jpg</div><br />
<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_1.jpg</div><br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close<br />
button and the ability to direct the viewer to another page. The only limitation is the size of the main image which<br />
shouldn&#39;t go over 800px (approx).</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal2"><br />
http://mediawikibootstrapskin.co.uk/images/carousel_2_thumb.jpg</div><br />
<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_2.jpg</div><br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close<br />
button and the ability to direct the viewer to another page.</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<div class="col-md-4"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;" data-toggle="modal" data-target="#myModal3"><br />
http://mediawikibootstrapskin.co.uk/images/carousel_3_thumb.jpg</div><br />
<div id="myModal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><br />
<div class="modal-dialog modal-lg"><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<div class="close" data-dismiss="modal" aria-hidden="true">×</div><br />
<h4 class="modal-title" id="myModalLabel">My Image Title</h4><br />
</div><br />
<div class="modal-body"><br />
<div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;">http://mediawikibootstrapskin.co.uk/images/carousel_3.jpg</div><br />
<p>Lots of scope here to write as much content as you like about your images, with the additional benefit of a close<br />
button and the ability to direct the viewer to another page.</p><br />
</div><br />
<div class="modal-footer"><br />
<div class="btn btn-default" data-dismiss="modal">Close</div><br />
<div class="btn btn-primary">Read More</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</pre><br />
</div><br />
</div> <br />
</div> <br />
</div><br />
<div class="col-md-12"><br />
<div class="btn btn-default"><i class="fa fa-angle-double-left"></i> [http://www.mediawikibootstrapskin.co.uk/index.php?title=Features_Guides Back to Guides]</div><br />
</div></div>
Admin