引導排容器

的這是一個臨時的應用程序在尋找：https://hidden-tundra-8656.herokuapp.com/request 引導排容器

的正下方導航欄，有一個包含開始租賃&高端租賃輸入字段一行。這些輸入字段應該在整個頁面中居中。現在他們離右邊太遠了，因爲在查看一個檢查元素時，該行以某種方式開始更靠右，但沒有任何邊距或填充干擾（請參見下面屏幕截圖左側的空白處）。立即包裝行的容器很好。謝謝！

EDIT

WITHOUT WIDTH：100％

來源

2016-04-02 james

你有超過1k代表，你肯定知道你會因爲不分享代碼而被低估？ –

老實說不知道......感謝您的啓發，今後會這樣做！ – james

在含DIV改變類容器類容器的流體。

你會希望你的html的結構是這樣的。

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-xs-12"> 
    </div> 
    </div 
</div>

最外面的DIV可以有一類容器或容器流體。容器將在頁面的左側和右側留有邊距，容器流體不會。接下來，您將指定您想要一行（默認情況下，引導程序中的行寬爲12列，假設您沒有更改此行）。然後最後一個div應該指定你想要div佔用多少列。

來源

2016-04-02 21:48:18 user2263572

這工作，雖然承認我仍然不知道爲什麼...我已經閱讀文檔，並知道區別，但在我的情況下，我不明白爲什麼我需要一個容器流體，而不是容器...如果你有時間，你能詳細解釋一下嗎？ – james

當您將該類設置爲div上的「容器」時，將爲該div添加一個頁邊距：15px和margin-right：15px。這可以通過檢查html元素在瀏覽器開發人員控制檯中看到。另一方面，容器流體類不會向div添加margin-right和margin-left css，因此它將拉伸瀏覽器窗口的整個寬度。讓我知道是否澄清事情。 – user2263572

所以我知道這一點，但我想我感到困惑的是，爲什麼在我的屏幕截圖中的檢查元素中，突出顯示的行完全是藍色並向右移動;我的意思是說，我沒有看到橙色邊緣，所以就把我扔掉了，因爲我不知道該怎麼調整。也很奇怪，因爲在我的其餘頁面中，我不需要'容器流體'（我的理解是隻有當內容需要觸及邊緣時）才能使用相似的內容（即不觸及邊緣）並且它可以工作罰款.... – james

回答

相關問題