首页 > 其他 > 详细

关于Bootstrap 辅助类用法

时间:2020-06-30 21:22:51      阅读:50      评论:0      收藏:0      [点我收藏+]

关闭图标

<p>关闭图标实例
<button type="button" class="close" aria-hidden="true">
&times;
</button>
</p>

快速浮动

<div class="pull-left">
向左快速浮动
</div>
<div class="pull-right">
向右快速浮动
</div>

内容居中

<div class="row">
<div class="center-block" style="width:200px;background-color:#ccc;">
www.siliconrxr.com 
</div>
</div>

清除浮动

<div class="clearfix" style="background: #D8D8D8;border: 1px solid #000;padding: 10px;">
<div class="pull-left" style="background:#58D3F7;">
向左快速浮动
</div>
<div class="pull-right" style="background: #DA81F5;">
向右快速浮动
</div>
</div>

显示和隐藏内容

<div class="row" style="padding: 91px 100px 19px 50px;"> <div class="show" style="margin-left:10px;width:300px;"> 这是 show class 的实例 </div> <div class="hidden" style="width:200px;"> 这是 hide class 的实例 </div> </div>

关于Bootstrap 辅助类用法

原文:https://www.cnblogs.com/96net/p/13215800.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!