“BootStrap Horizontal Info Boxes”的版本间的差异
(创建页面,内容为“__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月8日 (四) 03:56的最新版本
lighter box
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.
light Box
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.
dark Box
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.
darker Box
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.
neutral Box
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.
info Box
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.
warning Box
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.
danger Box
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.
success Box
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.
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".
Note that all 23 colours are available for panels/info boxes - see colour classes for more info.
<div class="col-md-4">
<div class="panel panel-info-white-border">
<div class="panel-heading">
<h3 class="panel-title">info Box</h3>
</div>
<div class="panel-body">
<p>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>
<div class="btn btn-party">[[Read More]]</div>
</div>
</div>
</div>