zoukankan      html  css  js  c++  java
  • 一、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>
  • 相关阅读:
    Hadoop下面WordCount运行详解
    ubuntu下hadoop环境配置
    ubuntu下的jdk安装
    ASP.NET MVC4中用 BundleCollection使用问题手记
    Lab6: Paxos
    java命令行操作
    Mesos 入门教程
    Docker background
    找实习的日子
    九度 1557:和谐答案 (LIS 变形)
  • 原文地址:https://www.cnblogs.com/fger/p/10959730.html
Copyright © 2011-2022 走看看