javascript - How to use gmap with fullpage.js? -


i want use gmap fullpage.js. using bootstrap 3 , section divided in half colums of 6 grids. want cover 1 half full map , other half form. problem coming height. functionality of fullpage.js provide vertical center feature. whole content start center. want overwrite heigth. there way without getting messed fullpage.js. attaching screenshot of problem.

<div class="contact section active">                     <div class="contact-wrapper">                         <div class="row">                             <div class="col-md-6">                                 <div class="map-overlay">                                 <div id="map" class="gmap"></div>                             </div>                             </div>                             <div class="col-md-6">                                 <div class="title">                                     <h2>contact us</h2>                                 </div>                                 <form>                                     <div class="row">                                         <div class="col-xs-6">                                             <div class="form-group">                                                 <label for="email">email address</label>                                                 <input type="email" class="form-control" id="email" placeholder="email">                                             </div>                                         </div>                                         <div class="col-xs-6">                                             <div class="form-group">                                                 <label for="password">password</label>                                                 <input type="password" class="form-control" id="password" placeholder="password">                                             </div>                                         </div>                                         <button type="submit" class="btn btn-default">submit</button>                                     </div>                                 </form>                             </div>                         </div>                     </div>                 </div> 

thanks.


Comments

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -