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
Post a Comment