twitter bootstrap - Designing Responsive Map Search Results -

twitter bootstrap - Designing Responsive Map Search Results -

i'm trying figure out best way utilize bootstrap design responsive search results page. on desktop plan on having results list on left , map on right - similar https://www.google.com/maps/search/bars+near+10001/@40.751591,-73.9957831,15z/am=t .

however on smaller devices want have 2 buttons (toggles) between list , map results. i'm not sure how bootstrap.

you can close without javascript, hidden-xs , visible-xs: http://www.bootply.com/aiwakqchlw

<div class="col-xs-12 visible-xs"> <button class="btn btn-sm btn-default">show map</button> </div> ... <div class="col-sm-6 hidden-xs"> <h2>map</h2>

then utilize js attached button toggle visibility of either map or results... don't have time sort out right now:( maybe if no-one else i'll come

twitter-bootstrap responsive-design twitter-bootstrap-3