首页 > 其他 > 详细

bootsrap-组件

时间:2021-04-04 21:25:28      阅读:21      评论:0      收藏:0      [点我收藏+]

一 组件

<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="font_nasc7adahl/iconfont.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
图标库 bootstrap
获取方式:
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
阿里 iconfont
获取方式:
1.把解压文件夹放入项目
2.link 引入 icon-font.css
unicode引入  ------ 需要写图标的unicode值
<span class="iconfont" style="color: blue;font-size: 20px">&#xe6dd;</span>
font-class引入------需要写图标名称
<span class="iconfont icon-jifenshangcheng"></span>
fontawesome
获取方式:
1.下载解压
2.把解压后的文件夹导入项目
<i class="fa fa-search"></i>
fa-spin fa-pulse 旋转

上拉框 dropup 下拉框 dropdown

标题 分割线

按钮 一排按钮 按钮尺寸

导航栏 固定在顶部 底部 颜色

分页 激活 尺寸 徽章

缩略图 缩略图自定义内容

警告框 可关闭的警告框

进度条 情景条(手机内存) min-width

进度条 动画效果 堆叠

面板 head+body 带表格 的面板

往右浮动 pull-right

往左浮动 pull-left

bootsrap-组件

原文:https://www.cnblogs.com/learn-record/p/14615697.html

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