使用bootstrap自定义下拉框

下拉框在不同的浏览器会显示成不同的UI,我们可以对其渐进增强,通常情况下用select和option元素设置数据再将其隐藏,然后用div、span、ul、li这些来替换渲染,这样不同的浏览器也会显示成统一的UI了。这样实现起来也不是那么容易的,如果我们的项目用到bootstrap,可以借助下拉菜单组件(dropdown)来简单自定义下拉框。直接上代码了: 继续阅读“使用bootstrap自定义下拉框”

Bootstrap表单验证

表单验证是很常见的功能,Bootstrap提供发很多表单验证的样式,比如说文本、标签、按钮都有success、info、warning、danger几种样式来可以在表单验证时用派上用场。如果熟悉Bootstrap JavaScript插件,甚至还可以使用警告框(Alert)、弹出框(Popover)、模态框(Modal)来实现表单验证。仅用CSS是不可能表单验证的,使用Bootstrap JavaScript插件也难以实现代码的重用。本文讲解的是另外一种实现方式,Bootstrap结合jQuery validation插件来进行表单验证的重用。 继续阅读“Bootstrap表单验证”

Bootstrap模态框垂直居中

默认下Bootstrap水平居中,上边距为40px,而且还有。照理说这种高大尚的设计符合绝大多数人的审美观点,但是有的设计师、产品经理对此并不感冒。他们会拿出自己以前的作品或者别人的大作给你看,然后对你说:你看别人都将模态框垂直居中,我们也这样做好不好?看在他们态度还不错的份上,下面我们就用一个实例来实现,其实也不复杂。 继续阅读“Bootstrap模态框垂直居中”