bootstrap checkbox radio 与label对不齐的问题

在使用bootstrap的时候发现了一个很奇怪的问题，没有找到原因。

 

就是使用html的页面显示checkbox 或者 radio的时候 label与控件是对齐的，但是如果是通过jsp加载的就产生对不齐的现象。

 

也没有找到原因是为什么，不过找到了解决的办法，从bootstrap.css中找到了如下css代码：

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}

 

进行了简单的修改，修改后的代码：

input[type="radio"],
input[type="checkbox"] {
  margin: -3 -3 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: -3px \9;
  /* IE8-9 */

  line-height: normal;
}

 

然后再看页面上的效果就正常了。