bootstrap响应式网页缩小后右边留有空白，怎么解决

bootstrap响应式网页缩小后右边留有空白，有可能是因为顶部导航条navbar使用class，解决方案如下：

1.给此段样式加上条件

@media (min-width: 981px) {

   body {

       padding-top: 60px

   }

}

2.将bootstrap-responsive.css放在body样式之后

<link href="../css/bootstrap.css" rel="stylesheet">

<style type="text/css">

     body {

       padding-top: 60px

     }

</style>

<link href="../css/bootstrap-responsive.css" rel="stylesheet">

可以自己写一个class

.clear-padding{padding:0

}.clear-padding-row{padding-left:0 padding-right:0

}.clear-padding-col{padding-top:0 padding-bottom:0

}

在需要的地方加上去即可

bootstrap 模态框（modal）默认点击非模态框部分和键盘esc会关闭模态框，但是有时会有需求不允许关闭，所以介绍一下实现这种需求的两种方法。

第一种：使用js

$('#modal').modal({backdrop: 'static', keyboard: false})

backdrop:static时,空白处不关闭.

keyboard:false时,esc键盘不关闭.

第二种：使用属性

data-backdrop="static" data-keyboard="false"

如：

---