“BootStrap Wells”的版本间的差异
（Created page with " <div class="column clearfix"> <div class="col-md-4"> <div class="well well-danger"> <h4>BootStrap Well</h4> <p class="bs">Duis commodo se..."） |
小 |
||
| 第1行： | 第1行： | ||
| + | __NOTOC__ | ||
| + | <div class="col-md-4"> | ||
| + | <div class="well well-danger"> | ||
| + | <h4>BootStrap Well</h4> | ||
| + | <p class="bs">This well uses the danger color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-md-4"> | ||
| + | <div class="well well-cocktail"> | ||
| + | <h4>BootStrap Well</h4> | ||
| + | <p class="bs">This well uses the cocktail color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-md-4"> | ||
| + | <div class="well well-midnight"> | ||
| + | <h4>BootStrap Well</h4> | ||
| + | <p class="bs">This well uses the midnight color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <h4 class="subtitle-black">Using Wells</h4> | ||
| + | p>A wells colour is determined by well-danger, replace "danger" with your colour preference. A wells width is determined by col-md-4, replace "4" with your [[Columns|column preference]].</p> | ||
| + | <p>Tip: You can add any type of Bootstrap feature, for example [[BootStrap Buttons|buttons]], [[BootStrap Tool Tips|tool tips]] or even a [[BootStrap Modals|modal]]. Try experimenting with the various features to see what you can include. Any questions please ask at the [ forums].</p> | ||
| + | <pre> | ||
<div class="column clearfix"> | <div class="column clearfix"> | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
| 第8行： | 第31行： | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </pre> | ||
2016年12月7日 (三) 10:58的最新版本
BootStrap Well
This well uses the danger color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
BootStrap Well
This well uses the cocktail color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
BootStrap Well
This well uses the midnight color class. Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
Using Wells
p>A wells colour is determined by well-danger, replace "danger" with your colour preference. A wells width is determined by col-md-4, replace "4" with your column preference.</p>
Tip: You can add any type of Bootstrap feature, for example buttons, tool tips or even a modal. Try experimenting with the various features to see what you can include. Any questions please ask at the [ forums].
<div class="column clearfix">
<div class="col-md-4">
<div class="well well-danger">
<h4>BootStrap Well</h4>
<p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit
metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p>
</div>
</div>
</div>