http://x.9tripod.com/wiki/zh/index.php?action=history&feed=atom&title=BootStrap_Horizontal_Info_Boxes
BootStrap Horizontal Info Boxes - 版本历史
2026-04-19T19:38:42Z
本wiki的该页面的版本历史
MediaWiki 1.28.0
http://x.9tripod.com/wiki/zh/index.php?title=BootStrap_Horizontal_Info_Boxes&diff=286&oldid=prev
Admin：创建页面，内容为“__NOTOC__ <div class="col-md-4"> <div class="panel panel-lighter-white-border"> <div class="panel-heading"> <h3 class="panel-title">lighter box</h3> </div>...”
2016-12-08T03:56:43Z
<p>创建页面，内容为“__NOTOC__ <div class="col-md-4"> <div class="panel panel-lighter-white-border"> <div class="panel-heading"> <h3 class="panel-title">lighter box</h3> </div>...”</p>
<p><b>新页面</b></p><div>__NOTOC__<br />
<div class="col-md-4"> <br />
<div class="panel panel-lighter-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">lighter box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div> <br />
<div class="col-md-4"> <br />
<div class="panel panel-light-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">light Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div> <br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-dark-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">dark Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div> <br />
</div> <br />
<div class="col-md-4"> <br />
<div class="panel panel-darker-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">darker Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-neutral-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">neutral Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-info-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">info Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-warning-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">warning Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-danger-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">danger Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="col-md-4"> <br />
<div class="panel panel-success-white-border"> <br />
<div class="panel-heading"> <h3 class="panel-title">success Box</h3> </div> <br />
<div class="panel-body"> <p class="bs">Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> <br />
<div class="btn btn-party"><i class="fa fa-info"></i> Read More</div> <br />
</div> <br />
</div><br />
</div><br />
<div class="tab-pane" id="application"><br />
<div class="bs-example"><br />
<p>Changing the colour of the box involves nothing more than replacing the panel class. In the example below "panel-info-white-border" represents a blue info box, to change this to a colour of your choice, e.g. red use "panel-danger-white-border".</p><br />
<p>Note that all 23 colours are available for panels/info boxes - see colour classes for more info.</p><br />
<pre><br />
<div class="col-md-4"><br />
<div class="panel panel-info-white-border"><br />
<div class="panel-heading"><br />
<h3 class="panel-title">info Box</h3><br />
</div><br />
<div class="panel-body"><br />
<p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui<br />
vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p><br />
<div class="btn btn-party">[[Read More]]</div><br />
</div><br />
</div><br />
</div><br />
</pre><br />
</div><br />
</div></div>
Admin