Twitter Bootstrap - เหตุใดคลาสแถวจึงมีระยะขอบซ้าย: -20px

ฉันไม่เข้าใจว่าทำไมคลาสแถวจึงมี margin-left: -20px (ดังนั้นมันจึงขยายหลังจากผู้ปกครองมีเส้นขอบเหมือนในภาพ) ฉันคิดว่าไม่มีใครต้องการพฤติกรรมนี้ หรือฉันกำลังทำอะไรผิด?

<div class="container">
        <div id="top-container" class="row">
            <div class="span8">
                <h1>App</h1>
            </div>
            <div class="span4">

            </div>
        </div>
    </div>

ตัวอย่าง


css twitter-bootstrap
person Krab    schedule 02.07.2013    source แหล่งที่มา
comment
stackoverflow.com/questions/18969051/   -  person Yagiz Ozturk    schedule 10.12.2013

คำตอบ (2)


arrow_upward
12
arrow_downward

คุณสามารถใช้ row-fluid แทนแถวได้ ดังนั้น span4 และ span8 ของคุณจะไม่มีระยะขอบซ้าย

<div class="container">
    <div id="top-container" class="row-fluid">
        <div class="span8">
            <h1>App</h1>
        </div>
        <div class="span4">

        </div>
    </div>
</div>
person mauteri    schedule 02.07.2013

arrow_upward
3
arrow_downward

สำหรับผู้ที่พยายามค้นหาสิ่งนี้สำหรับ Bootstrap 3:

กริดและเลย์เอาต์แบบเต็มความกว้าง ผู้ที่ต้องการสร้างเลย์เอาต์ที่ลื่นไหลอย่างสมบูรณ์ (หมายความว่าไซต์ของคุณขยายความกว้างทั้งหมดของวิวพอร์ต) จะต้องล้อมเนื้อหากริดไว้ในองค์ประกอบที่มีช่องว่างภายใน: 0 15px; เพื่อชดเชยระยะขอบ: 0 -15px; ใช้กับ .rows

แหล่งที่มา (ค้นหาด้วย Grids and full-width layouts)

person Yannis Dran    schedule 07.02.2014