如何在fullpage.js中使用gmap?

时间:2016-04-21 18:55:45

标签: javascript jquery css twitter-bootstrap fullpage.js

我想在fullpage.js中使用gmap。基本上我使用的是Bootstrap 3,我的部分分为6个网格的半列。我想用地图覆盖一半满,用形式覆盖另一半。问题出在高处。由于fullpage.js的功能提供垂直中心功能。整个内容从中心开始。我想覆盖高度。有没有办法做到这一点,而不会搞乱fullpage.js。我附上了我的问题的截图。

<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>

感谢。

0 个答案:

没有答案