このページのネストされたグリッドサムネイルは正しくネストされません。 wufooに結果を提出するには、ページをタグにラップする必要があります。ラッピングフォームタグをdivタグに変更すると、ネストされたグリッドサムネイルが正しく機能します。何かご意見は？ http://thehomeshare.com/view2
フォームタグでラップすると、ネストされたブートストラップグリッドが破損する
これは、グリッドレイアウトとの競合問題のカップルがあります任意のレイアウト
フォームタグにラップすると、インラインリストグリッド機能が動作しないようです。
私はコンテナULを削除し、divタグに対するLiのを変更し、それがブートストラップのフォーム要素が「.FORMグループ」のようなものを可能に適用される特定のグリッド/レイアウトスタイルを持っている魔法のように
<ul class="inline-list">
<li class="col-xs-6"......
です。あなたのコードにいくつかのCSSクラスを追加しました。私はあなたが持っている問題を部分的に解決するために私がしたことを見ることができるようにjsfiddleを持っています。
ここの部分のコードですが、私は基本的に列にあなたのメイン画像と、 "COL-XS-6" にCSSクラス= "IMG応答" を追加しました：
<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 -->
同じ手法を他のオプションに複製することもできます。私はあなたが持っているグリッドの矛盾する問題に、これがいくつかの光を当てることを願っています！
を働きました「.row」と同じ機能を果たします。これは、レイアウトをコンテナに収まらない入れ子要素の埋め込みに問題を引き起こす可能性があります。あなたはあなたの質問のためのより多くの情報を提供しなければなりませんが、IMOの方がよりよく答えられるはずです。 – robertdavid
質問に実際のHTMLを投稿すると、外部リンクではなく評価するのが簡単になります。 – user1934587390