![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
大梦放觉醒
这个作者很懒,什么都没留下…
展开
-
BootStrap输入框组
input-group(输入框组),输入框必须由input-group包裹,如果想做个图标加输入框的效果,根据顺序排版,图标所在span标签赋予input-group-addon样式,输入框input赋予form-control样式,让他填充整行+换行。代码:<style>div{ margin:5px;}</style><div class="input-gr...原创 2018-05-31 13:12:13 · 835 阅读 · 0 评论 -
BootStrap面包屑导航
面包屑导航: 我个人的理解是显示出你所在网页的什么位置,如何返回。例如:主页》栏目》XX文章。 使用的是BootStrap的Breadcrumbs属性,源码如下//基础样式.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radi...原创 2018-05-31 14:27:07 · 341 阅读 · 0 评论 -
BootStrap分页
<nav>元素作为标注一个导航的链接区域。增强语义化。普通类型的分页:使用pagination,有pagination-lg、pagination-sm等改变大小的方法<nav> <ul class="pagination"> <li> <a href="#" > <span &原创 2018-05-31 14:49:43 · 285 阅读 · 0 评论 -
BootStrap标签与徽章
标签:lable,使用default、primary、success、info这类。徽章和标签相似,区别在于徽章的边角更为圆滑,主要用于突出新的和未读项徽章:badge用于:1:超链接旁的徽记:<a href="#">新的消息<span class="badge">42</span></a> 2:按钮中的徽记:<button class=&原创 2018-05-31 15:00:29 · 368 阅读 · 0 评论