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

Popular posts from this blog

JQuery Autocomplete without using label, value, id -

c++ - Accessing inactive union member and undefined behavior? -

JAVA - what is the difference between void and boolean methods? -