減少Bootstrap模板的頁邊距

我正在自定義一個Bootstrap模板，我無法弄清楚如何減少頁邊距的寬度（所以文本更接近頁面的邊緣）。減少Bootstrap模板的頁邊距

例如，如果您查看下面的圖像，文本距離頁面邊緣很遠。我希望這樣，「我們會盡快回復你！」部分將繼續在同一行上，而不是開始新行。

https://gyazo.com/e75d1decdd4070446fc73cf95dafd381

在bootstrap.css文件存在，我認爲要改變它下面的代碼，但沒有奏效。

.container-fluid { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
}

我確定這是一件非常簡單的事情，但我無法弄清楚。

在此先感謝！

來源

2015-08-13 user3314680

請張貼當前的代碼演示。屏幕截圖不會幫助我們找到解決方案。 –

我應該發佈哪些代碼？我不確定哪部分代碼會改變這一點。我正在使用的模板是這樣的：http://startbootstrap.com/template-overviews/creative/，其中包含所有代碼下載的鏈接。 – user3314680

在您使用的模板中，max-width設置爲1000px。將其更改爲100%或將其刪除。文本目前居中。將它與左邊對齊。

header .header-content .header-content-inner { 
    max-width: 100%; 
} 

header .header-content { 
    text-align: left; 
}

輸出：

來源

2015-08-13 15:59:33

嗨，謝謝你。這減少了頁面頂部的文本邊距，但是卻減少了「讓我們聯繫」部分的文字。你會知道哪部分會改變這一點嗎？ – user3314680

你想要那個文本在哪裏？它居中並且沒有任何餘量。更新代碼BTW。 –

當我使它未經審查時，文本仍然在頁面中間附近開始，因爲它的左邊有一些邊距或填充。如果你看看這兩張圖片，它應該會告訴你我的意思。 https://gyazo.com/44f91e8155649dd69da5cfeee38fae4b和https://gyazo.com/cb703e98fee7583f0db31019cecce273是否可以通過刪除填充或邊距使文本進一步向左移動？謝謝！ – user3314680

減少Bootstrap模板的頁邊距

回答

相關問題