Jquery 窗口无法正确调整大小

Jquery 窗口无法正确调整大小,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,我目前面临以下问题: -我无法重新调整窗口大小,因为元素不断从面板中溢出 -我不能把容器放在页面中间(两边有太多空白) 如何解决这些问题 以下是我的问题的一个例子: 这是我的HTML代码: <div class="contactContainer center-block"> <div class="col-lg-8"> <div class="panel panel-default"> <div c

我目前面临以下问题: -我无法重新调整窗口大小,因为元素不断从面板中溢出 -我不能把容器放在页面中间(两边有太多空白)

如何解决这些问题

以下是我的问题的一个例子:

这是我的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 -->

左边距:15%;允许使用宽度col-lg-8添加宽度,通过引导css计算宽度,因为用户3803747表示左边距会产生差异

    /*
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%;
}