雪花

一、bootstrap-fontawesome-iconpicker组件

一、bootstrap-fontawesome-iconpicker组件

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Font Awesome Icon Picker plugin for Bootstrap</title>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--https://www.bootcdn.cn/font-awesome/        字体图标库-->
<link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css" rel="stylesheet">
<!--https://www.bootcdn.cn/fontawesome-iconpicker/        fontawesome-iconpicker组件样式-->
<link href="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/css/fontawesome-iconpicker.css" rel="stylesheet">
</head>
<body>
<div class="input-group">
    <span class="input-group-addon"></span>
    <input data-placement="bottomLeft" class="form-control icp icp-auto" value="fa-archive" type="text"/>
</div>
<script src="http://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--https://www.bootcdn.cn/fontawesome-iconpicker/        fontawesome-iconpicker组件css-->
<script src="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/js/fontawesome-iconpicker.js"></script>
<script>
    $(function() {
        $('.icp-auto').iconpicker();
    });
    </script>
</body>
</html>
复制代码

 

posted @   十色  阅读(1054)  评论(0编辑  收藏  举报
  1. 1 少年 梦然
  2. 2 尘埃 林小柯
  3. 3 飞鸟和禅 任然
  4. 4 Dancing With Your Ghost Sasha Sloan
  5. 5 烟火人间 添儿呗
  6. 6 摘仙 伊格赛听、叶里
少年 - 梦然
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.
点击右上角即可分享
微信分享提示