Bootstrap笔记5—关闭图标、浮动

原创于 2017-03-10 10:05:30 发布 · 4.3k 阅读

CC 4.0 BY-SA版权

14 篇文章

订阅专栏

这篇Bootstrap笔记主要介绍了如何使用关闭图标和向下箭头，常见于下拉框。同时，探讨了内容的浮动处理以及在不同分辨率下选择性显示和隐藏的内容策略，适用于不同屏幕尺寸。

1.关闭、向下箭头

这里写图片描述

如下button标签或者a标签都可以添加关闭类。用的时候直接选一个就可以。

<button type="button" class="close" >&times;</button>
<a href="#" class="close">&times;</a>

这里写图片描述

<span class="caret"></span>

这里写图片描述

<div class="box">
    <div class="pull-left">左浮动</div>
    <div class="pull-right">右浮动</div>
    <div class="clearfix"></div>清除浮动
</div>

其他分辨率sm、xs、lg一样使用。

<div class="visible-md">你好！</div>

<div class="hidden-md">你好！</div>