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有所不同。

窗口没有正确调整大小

1 个答案: