Question

此页面上的嵌套网格缩略图无法正确嵌套。必须将页面包装在标记中才能将结果提交给wufoo。如果我将包装表单标记更改为div标记，则嵌套网格缩略图可以正常工作。有什么想法吗？ http://thehomeshare.com/view2

这是所需的布局

Answer 1

网格布局存在一些相互矛盾的问题。我还在你的代码中添加了一些CSS类。我有一个jsfiddle所以你可以看到我已经做了什么来部分解决你遇到的问题。

这是你代码的一部分，但我基本上添加了CSS class =＆＃34; img-responsive＆＃34;到你的主要形象和＆＃34; col-xs-6＆＃34;到列：

<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
    <div class="panel-body">
        <div class="col-sm-6 col-xs-6"><!--  I'VE ADDED THE "col-xs-6" TO THE DIV  -->
            <img src="http://thehomeshare.com/assets/potrero1010/1200-4a9580217f67077603e917338f4d2ffd4e9e5951910f809f2e2fe97e0b4ba6bb.png" alt="" data-toggle="modal" data-target="#myModal" class="img-responsive"><!--  I'VE ADDED THE class="img-responsive" TO THE IMAGE  -->

您可以将相同的技术复制到其他选项。我希望这能解决你所遇到的网格冲突问题。！

Answer 2

显然，当包装在表单标记中时，内联列表网格功能不起作用。

我删除了容器ul并将li更改为div并且它像魅力一样工作

about:config

包装在表单标记中时嵌套的引导程序网格中断

2 个答案: