css - bootstrap grid栅格系统在fullpage.js section中，图像偏移到了栅格外边去了

问题描述

问 题

在fullpage.js中的一个section里添加栅格系统，把container分成三个column，然后在每个<div class="col-md-4">中放置一张图片<img class="img-responsive">，但是img的右端超出了栅格……

后新建一个普通页面，同样的代码没有问题。

问题出在第三页： http://codepen.io/hieverest/p...
普通页面中没有问题： http://codepen.io/hieverest/p...

作为新手感到非常困惑，谢谢！

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

This has nothing to do with fullPagejs. You're seeing this because of this rule in your CSS #section2 img { margin: 20px 0 0 52px; }. 忘记删除fullpage.js里css文件中自带的上述代码，导致了该问题，删除即可。

这篇关于css - bootstrap grid栅格系统在fullpage.js section中，图像偏移到了栅格外边去了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！