iframe中的Bootstrap列宽问题

Question

*编辑*

针对独立案例上传了意外错误的图片。现在更正了

*编辑*

我无法在iframe和iframe中设置列宽（使用col-）。 CSS选择器似乎完全被忽略了。如果作为独立页面（而不是iframe）请求，则完全相同的页面按预期工作。请参阅附图。

独立：

在iframe中：

Answer 1

开箱即用的媒体宽度为

  

-xs小于768px

     

-sm 768px

     

-md 992px

     

-lg 1200px

因此，将iframe设置为1000将属于-md类别。列的工作方式是，如果它小于列出的列，它将默认为12宽。由于您将其设置为-lg且iframe仅为1000，因此宽度会自动调整为12宽。

示例col-xs-6将是6，无论你制作屏幕的大小，但如果你使用col-sm-6，那么它将是6，直到屏幕宽度低于768px，然后它将自动跳到12列宽。