jquery - 窗口未正确调整大小

Question

我目前面临以下问题: - 我无法重新调整窗口大小，因为元素不断离开面板 - 我无法将容器置于页面中间(两侧空白过多)

我该如何解决这些问题？

这是我的问题的示例:JsFiddle

这是我的 HTML 代码:

<div class="contactContainer center-block">

    <div class="col-lg-8">

        <div class="panel panel-default">

            <div class="page-header">
                <h1><strong>Contact Information</strong></h1>
            </div>

            <div class="panel-body"> 

                <p>For <strong>Employer Services</strong>, kindly contact our Corporate Accounts Team in Singapore:</p><br>

                <p><strong>dork.career Pte Ltd</strong></p>

                <p>10 ubi crescent ubi techpark <br>
                   #03-59 singapore 408564<br><br>
                   Tel:+65 6749 1829<br>
                   Fax: +65 6749 1278<br>
                   Email: info@ideas.sg <br><br>
                </p>

                <img class="contactImg" src="image/contact.png" width="40%"> 

            </div> <!-- end panel body -->

        </div> <!-- end panel panel-default -->

    </div> <!-- end col-lg-8 -->

</div> <!-- end container 2 -->

这是我的 CSS 代码:

    /*
contact page 
*/

.contactImg {
    margin-left:35%;
    margin-top:-35%;
}

.contactContainer {
    display:block;
    font-size: 130%;
    font-family: baskerville old face;
    padding-top:3%;
    margin-bottom:10%;
}

.container2 {
    display:block;
    font-size: 130%;
    font-family: baskerville old face;
    padding-top:3%;
    margin-bottom:10%;
}

.col-lg-8 {
    margin-left:15%;
}

Answer 1

左边距:15%；允许添加宽度为 col-lg-8 的宽度，通过 bootstrap css 计算它，因为 user3803747 说 margin-left 有所不同。