bootstrap-select样式设置

Laughing
2017-07-26 / 0 评论 / 1,329 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月21日,已超过339天没有更新,若内容或图片失效,请留言反馈。

bootstrap-select支持各种样式设置,通过这些属性,我们可以自己定制各式各样的显示格式。下面的代码只是一些简单的演示,有兴趣的,可以自己尝试一下

<div class="form-group">  
            <div class="panel-heading">  
                <span class="glyphicon glyphicon-search">只显示默认title</span>  
            </div>  
            <div class="panel-body">  
                <select class="selectpicker" multiple="true" data-style="btn-success">  
                    <option value="0" class="special">橘子</option>  
                    <option value="1" style="color: #008000;">苹果</option>  
                    <option value="2" data-icon="glyphicon-heart">香蕉</option>  
                    <option value="3" data-content="<span class='label label-success'>芒果</span>">芒果</option>  
                </select>  
            </div>  
        </div>  
2

评论 (0)

取消
  1. 头像
    中国人
    MacOS · Google Chrome

    非常好用的

    回复
  2. 头像
    促美
    Windows 7 · Google Chrome

    留个脚印,并预祝博主下一年快乐,因为我知道博主今年很快乐!

    回复