jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架，jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件库，同时还可以享受Bootstrap那种清新自然的主题风格，所以越来越多的前端开发者都在使用jQuery UI Bootstrap。
jQuery UI Bootstrap的特点
----- 基于jQuery UI，因此控件功能非常强大，可以使用全部的jQuery UI控件。
----- 基于Bootstrap，不同控件有了统一的外观。
----- 免费开源，你可以很方便地下载和使用。
jQuery UI Bootstrap常用控件的使用
下面我们来介绍几个最常用的jQuery UI Bootstrap控件，使用方法都非常简单。
jQuery UI Bootstrap 按钮
// Button
$('button').button();
// Anchors, Submit
$('.button').button();
jQuery UI Bootstrap 对话框
// Dialog Link
$('#dialog_link').click(function () {
$('#dialog_simple').dialog('open');
return false;
});
// Modal Link
$('#modal_link').click(function () {
$('#dialog-message').dialog('open');
return false;
});
// Dialog Simple
$('#dialog_simple').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function () {
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
// Dialog message
$("#dialog-message").dialog({
autoOpen: false,
modal: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
jQuery UI Bootstrap 日期选择器
// Datepicker
$('#datepicker').datepicker({
inline: true
});
jQuery UI Bootstrap 菜单
//####### Menu
$("#menu").menu();
jQuery UI Bootstrap还有很多控件，这里就不一一列举了，大家可以前往其官方网站下载使用。
本文链接：http://www.codeceo.com/article/jquery-ui-bootstrap.html
本文作者：码农网 – 小峰
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
如果大家还想深入学习，可以点击这里进行学习，再为大家附一个精彩的专题：Bootstrap学习教程
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。