专栏首页sktjbootstrap select 带颜色

bootstrap select 带颜色

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>联想控股</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link href="css/bootstrap.css" rel="stylesheet"  type="text/css">
 <link href="css/bootstrap-select.css" rel="stylesheet" type="text/css">
 <script src="http://code.jquery.com/jquery.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script src="js/bootstrap-select.js"></script>
 </head>
 <body>
 <div class="container">
 <div class="row">
 <label class="col-sm-3 control-label" style="line-height: 34px;margin-bottom: 20px;">选择用户:</label>
 <div class="col-sm-6">
 <select class="form-control selectpicker" title="请选择省份" multiple>
 <option data-content="<span class='label label-success'>广东省</span>">广东省</option>
 <option data-content="<span class='label label-info'>广西省</span>">广西省</option>
 <option data-content="<span class='label label-warning'>福建省</span>">福建省</option>
 <option data-content="<span class='label label-danger'>山东省</span>">山东省</option>
 </select>
 </div>
 </div>
 </div>
</body>
 </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap 输入框组 常用搜索框样式

    div input-group span input-group-addon <div style="padding: 100px 100px 10px...

    用户5760343
  • bootstrap 选择日期和时间

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • python flask 填写form

    <form role="form" method="POST"> {{ form.csrf_token }} <div class="box-body"> ...

    用户5760343
  • Python开发物联网数据分析平台---设备数据概览

    MiaoGIS
  • 使用Vue.js和Axios从第三方API获取数据 — SitePoint

    本文转载自使用Vue.js和Axios从第三方API获取数据 — SitePoint 原文链接: www.sitepoint.com,本译文的链接地址:使用V...

    ccf19881030
  • 25、商品详情页

    (1)复制一份test.vue文件并重命名为goodsDetail作为我们的商品详情页面

    Ewall
  • jQuery

    jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuer...

    py3study
  • 使用freemarker页面静态化

    公司使用 vue + ngixn 前后端分离架构,重构一套新的静态化的门户网站。后台管理系统为动态页面。 使用 freemarker 进行页面静态化的处理,生成...

    潇洒
  • (原创)python发送邮件

    七夜安全博客
  • Spring Boot中Controller接收对象列表实现

    注意要提交的页面元素的name值为“rules[1].column”。通过这种形式来指定列表中的第几个元素的具体属性值是什么。

    用户1161110

扫码关注云+社区

领取腾讯云代金券