包裹在窗體標記中時嵌套的引導程序網格中斷

-1

此頁面上的嵌套的網格縮略圖不能正確嵌套。該頁面必須包裝在標籤中才能將結果提交給wufoo。如果我將包裝窗體標籤更改爲div標籤，則嵌套網格縮略圖可正常工作。有什麼想法嗎？ http://thehomeshare.com/view2 包裹在窗體標記中時嵌套的引導程序網格中斷

這是所需的佈局

來源

2016-06-21 whatsnewsaes

引導程序形式的元件具有一定的網格/施加布局樣式，其允許像「.FORM羣」，以功能與「.row」相同。這可能會導致嵌套元素填充問題，導致您的佈局不適合在容器中。你將不得不提供更多的信息來解決你的問題，通過海事組織得到更好的答覆 – robertdavid

如果您在問題中發佈您的實際HTML，我們將更容易評估，而不是外部鏈接。 – user1934587390

顯然，內嵌列表網格功能在封裝到窗體標籤時不起作用。

我除去容器UL和改變了李的到的div和它的工作就像一個魅力

<ul class="inline-list"> 
    <li class="col-xs-6"......

來源

2016-06-22 22:01:36 whatsnewsaes

有幾個相互矛盾的問題與電網布局。我也爲你的代碼添加了一些CSS類。我有一個jsfiddle，所以你可以看到我已經做了什麼來部分解決你遇到的問題。

Access the DEMO

下面是對代碼的一部分，但我基本上都添加CSS類= 「IMG響應」到你的主圖像和「COL-XS-6」列：

<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 -->

您可以將相同的技術複製到其他選項。我希望這可以幫助你解決網格衝突問題。

來源

2016-06-21 15:18:33

包裹在窗體標記中時嵌套的引導程序網格中斷

回答

相關問題