Witam
Mam problem chciałbym aby div panel-menu był obok siebie z divem location responsywnie. Niestety przy załamaniu poniżej 1000px elementy przeskakują pod siebie. Gdzie może być problem?
<section id="services">
<div class="container">
<div class="row">
<div class="panel-menu">
<div class="col-sm-2 col-md-2 col-lg-2">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
<div class="icon-glass"></div>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingOne">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad
squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food
truck
quinoa nesciunt laborum eiusmod.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion"
href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<div class="icon-beer"></div>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingTwo">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad
squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food
truck
quinoa nesciunt laborum eiusmod.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion"
href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<div class="icon-fast-food"></div>
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingThree">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad
squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food
truck
quinoa nesciunt laborum eiusmod.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion"
href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<div class="icon-restaurant"></div>
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingFour">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad
squid.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFive">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion"
href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<div class="icon-monument"></div>
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingFive">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad
squid.
</div>
</div>
</div>
</div>
</div>
<div id="location">
<div class="col-sm-10 col-md-10 col-lg-10">
<h1> Test </h1>
<div id="map"></div>
</div>
</div>
</div>
</div>
</section>