2016-07-08 53 views
-2

我有限的知識CSS開始現在我趕上,我不知道如何處理這種特殊情況下,儘管拼殺了它以各種形式幾個月。正確的方式來應用邊距的屬性(特別是在引導)

所以我是有這個問題一段時間回到我的純色引導導航欄在那裏並沒有完全像素一小撮延伸到瀏覽器的右側。我永遠無法弄清楚爲什麼,但我確實找出了一個重複的.row,並且保證金爲0的屬性,解決了這個問題。快進了幾個星期,我剛剛注意到,我的灰色內容框現在偏離中心,因爲左側和內容之間以及右側和內容之間的邊距不一樣,顯然是因爲我以前有過這種變化製作。

現在我可以通過覆蓋.row來補償這個問題,其margin-left屬性爲0(然後將padding與這些值相比較來獲得所需的效果),但我真的不確定這是否是不好的做法或不?由於.row是Bootstrap中所有使用最多的類之一,當我必須有一個優雅的解決方案時(我無法弄清楚的一個問題是如何將邊距合適的樣式應用於某些外部行,而不是某些行 - 這將是一個噩夢,試圖找出我在這個階段的項目)。我確實嘗試了一段時間來將這個margin-right:0屬性應用於我認爲是導航欄問題的罪魁禍首的特定行,但最終我無法弄清楚。

任何幫助表示讚賞,謝謝!

+2

你可以發佈一個JSFiddle,這樣我們可以重現你的問題? – trashr0x

+0

你正在破解Bootstrap。請花一些時間熟悉[Bootstrap Grid](http://getbootstrap.com/css/#grid)的工作方式。如果你需要的話,你真的不需要搞亂'.row',那麼很可能你在濫用Bootstrap Grid類。 '.row'的邊距可以「拉出」列類應用的填充 - 所以一切都很好地排列起來。 – hungerstar

+0

我覺得這樣複製太複雜了,我不認爲它太有幫助,因爲我可能會忽略重要的部分。它在某個地方發展了這個問題,我不確定它在哪裏。我不是唯一一個將導航欄問題完全延伸到一邊的人,但我確實在另一個Stack問題上找到了「解決方案」(我現在似乎無法找到這些問題)。我在這個問題中主要想要問的是,如何覆蓋所有.row,其margin-left/right屬性爲0是多麼糟糕。 – chelseanderby

回答

0

你不應該改變的引導類的CSS屬性,原因是多方面的:首先

  1. ,你可以在你的網站在其他地方創造的迴歸(如已經發生在你身上)
  2. 你可以」如果引導CSS升級到新版本

你應該

    噸一定會發生在你的網站是什麼
  1. 添加特定的ID或特定的自定義類的原初的導航欄,包括那個問題
  2. 然後創建一個自定義的CSS文件(你將在你的網頁輸入的所有引導css文件後導入)
  3. 加入這個新的自定義CSS文件規則到導航欄的上一個新的ID /類,修復了原始問題
0

這聽起來像你可能在一個容器內嵌套一個容器,或類似的嵌套問題。沒有代碼示例,我無法分辨。

你不應該需要使用一排導覽列,引導有其自己的類的導航欄。

http://www.w3schools.com/bootstrap/bootstrap_navbar.asp關於如何做到這一點的一些片段。

而且你永遠不應該編輯引導文件,創建一個覆蓋文件,並把你做成有任何改變。確保在引導文件後鏈接到覆蓋文件,以便它正確級聯。像這樣:

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap-override.css"> 
相關問題