html - Twitter Bootstrap - Hide Column then Center Column -
using bootstrap responsive - html appears like...
<div class="row-fluid center"> <div id="divmapcanvas" class="span6"> <div id="map_canvas"> </div> </div> <div id="divmappanel" class="span6"> <div id="map_panel"> </div> </div> </div> test webpage: http://gfw.yyyz.net/contact
what hide divmappanel div , have divmapcanvas div centered on page. after directions button pressed, divmapcanvas move left , divmappanel appear. have tried merely hiding divmappanel, can't divmapcanval centered.
thanks in advance suggestions?
on the div class span6 wrap canvas, need set fixed width (i used width: 526px; when got work on example page, use % instead, or have you, cannot set auto default setting), have rid of floating adding float: none; , margin: 0 auto;.
on divmappanel need add display: none, make sure doesn't take space in dom. using visibility: hidden instance not work.
then when user click on direction , want display both elements side side, rid of these settings adding float: left etc. in, , both elements should appear side side.
Comments
Post a Comment