ein paar widersprüchliche Probleme mit dem Raster-Layout Es gibt keine. Ich habe auch einige CSS-Klassen zu Ihrem Code hinzugefügt. Ich habe ein Rätsel, damit Sie sehen können, was ich getan habe, um die Probleme, die Sie haben, teilweise zu lösen.
Access the DEMO
Hier ist ein Teil von Ihnen Code, aber ich hinzugefügt im Grunde des CSS class = "img-responsive" zu Ihrem Haupt-Bild und die "col-xs-6" mit den Spalten:
<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 -->
Sie können die gleiche Technik auf die anderen Optionen replizieren. Ich hoffe, dass dies ein wenig Licht in die Grid-Konflikte bringt, die Sie haben.
Die Bootstrap Formularelemente haben bestimmte Raster/angewendet Layout-Stile, die für Dinge wie „.form-Gruppe“ ermöglichen Funktion identisch mit ".row" s. Dies könnte zu Problemen mit dem Auffüllen von verschachtelten Elementen führen, die dazu führen, dass Ihr Layout nicht in den Container passt. Sie müssten mehr Informationen für Ihre Fragen zur Verfügung stellen, um IMO besser beantwortet zu werden. – robertdavid
Wenn Sie Ihren tatsächlichen HTML-Code in der Frage veröffentlichen, wird es für uns einfacher zu bewerten als ein externer Link. – user1934587390