三、取色器
StyleBootstrap的取色器功能很强大，你可以从色版上选择一种颜色，也可以输入颜色的十六进制值，同时你可以拖动色块区域快速定位你需要的颜色。
运用了jPicker插件，关于jPicker插件的CSS代码，你可以在这里下载，并引用到项目中，然后通过以下CSS代码调用：
@media all { #jPicker { margin: 0px 8px; text-align: left; } #jPicker ul { font-size: 15px; margin: 0px 0px 0px 15px; padding: 0px; } #jPicker ul li { list-style: disc; padding: 2px 0px; } #jPicker ul li ul { margin-bottom: 10px; } #jPicker ul li ul li { list-style: circle; } #jPicker p { font-size: 13px; padding: 0px 10px; } #jPicker hr { clear: both; } #jPicker h2.jPicker { font-size: 16px; padding: 20px 10px; } #jPicker code { color: #8bd; font-size: 14px; font-weight: bold; } #jPicker pre { background: #eee; border: 1px solid #000; color: #000; display: block; font-size: 11px; margin: 10px 5px; padding: 5px; } #jPicker span { font-size: 13px; text-align: center; } #jPicker a { color: #ff8050; } #jPicker input { font-size: 13px; padding: 2px 5px; } #jPicker h2 { font-size: 16px; margin: 10px 0px; } }
总结
总的来说，StyleBootstrap作为一款CSS框架还是不错的，更多关于StyleBootstrap的使用，你也可以直接前往其官方网站进行查看。
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：