bootstrap备忘

偶尔写一点前端的

最近在写毕业设计，因为需要涉及到一些前端，所以经常用bootstrap框架，记录一些东西。

模态框

bootstrap的模态框用起来比alert好用多了，界面好看很多，但是相对来说调用也比较麻烦一点。

1.使用js显示模态框

$('#modal_id').modal({
     keyboard: true
});

2.使用js隐藏模态框

$("#modal_id").modal("hide");

3.模态框宽度自适应同时水平居中

    /**
     * 控制bootstrap的模态框宽度自适应
     * 同时居中的功能
     * 只在bootstrap v2版本中测试通过
     * v3未测试
     */
    $('#loginModal').modal().css({
        width: 'auto',
        'margin-left': function () {
            return -($(this).width() / 2);
        }
    });