分类
Javascript

使用Bootstrap自定义确认框

大家都知道浏览器自带的确认框在不同的浏览器上显示不一样的UI,Bootstrap我们可以自定义一个确认框组件,给用户提供统一的外观。

分类
Javascript

Bootstrap自定义下拉框

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

分类
Javascript

Bootstrap表单验证

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

分类
Javascript

Bootstrap模态框垂直居中

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

分类
Javascript

为Bootstrap模态框注入内容

为Bootstrap模态窗口添加内容,页面上加载的模态框的目标通常是Html节点。如果是一个独立的页面又该怎样处理?可以使用jQuery.load方法,加载页面的内容到模态窗口中。更简单的方法是设置href属性动态为模态窗口注入内容。