javascript - bootstrap modal框样式问题，怎么也找不到限制样式的地方?

Question

如图：

嵌入了一个modal模态框代码块，查看 debug 发现模态框最外层的p 标签上有个样式padding-left：13px 并且debug【styles】区域查看这个样式来源是element.style 是动态生成的样式才会这样吗？
是不是bootstrap的js库导致的？

希望知道的朋友看下这个问题！

Answer 1

看看是不是html的内联样式style里写的padding-left：13px ，不是的话，检查js有没有addclass或者css() 设置或了返回样式属性，没有的话，定义一个类，写padding-left：0px，加在那个p上。。。

像这种css样式的细节问题，就得有耐心，一个一个的排查可能的因素，各种调试，有时候一个小小的空格，你不注意，可能造成很大的困扰。

调试着问题,要细心，耐心。除非有你的源码，不然，这样光给个截图，是很难猜到原因的-_-|||

Answer 2

应该是bootstrap自己这样的。看你这个整体的左边都出了一个padding-left…
解决办法就是自己写一个css样式，覆盖掉它本身产生的这些。
不过他这个产生到内联里去了？大概你也需要在内联里加样式吧。

Answer 3

页面用commond+滚轮放大了，再去触发模态框窗口，查看debug 就会莫名生成内联的padding-left:变量px ，
按了commond+0 恢复页面的初始大小，再去随意拖动窗口，modal的padding-left就消失了。
可以就像大家说的要细心，确实是有的时候做了一些多余的操作，自己也忘了。