1. 首頁
  2. 問答
  3. 在Bootstrap的同一頁上使用多個容器合法嗎

在Bootstrap的同一頁上使用多個容器合法嗎

2016-12-01 162 views
4

在Bootstrap的同一頁上使用多個container合法嗎？在Bootstrap的同一頁上使用多個容器合法嗎

我需要有一個嵌套列自己的大小的列，與父母的container無關。

我能做到嗎？或者我每頁限制爲一個container？

來源

2016-12-01 FrozenHeart

+3

據我所知，你可以在一個頁面中使用n個容器......但如果你在談論嵌套，那麼你只需要小心使用嵌套容器，沒有別的。 –

+0

閱讀更多[here]（http://stackoverflow.com/questions/23062439/am-i-only-supposed-to-have-one-bootstrap-3-container） –

回答

6

引導程序需要一個包含元素來包裝網站內容和 房子我們的網格系統。您可以選擇兩個容器中的一個用於 您的項目。請注意，由於填充等原因，兩個容器 都不可嵌套。

閱讀官方文檔here

來源

2016-12-01 07:52:23

+0

那麼我該如何實現這樣的設計呢？ http://i.imgur.com/PxeeC6c.png – FrozenHeart

3

從引導引用：http://getbootstrap.com/css/#overview-container

引導需要包含的元素來包裝網站內容和容納我們的電網系統。您可以選擇兩個容器中的一個用於您的項目。請注意，由於填充等原因，兩個容器都不能嵌套。

我認爲網格是最好的解決方案。

來源

2016-12-01 07:53:35

+0

網格是什麼意思？ Flex網格？ – FrozenHeart

+0

由bootstrap提供的網格系統：http：//getbootstrap.com/css/#grid –

+0

我認爲bootstrap的網格系統是'容器'的東西 – FrozenHeart

1

使用多個容器並不違法。你可以儘可能多地使用你想要的。例如，如果要在具有不同背景圖像或顏色的頁面上顯示多個部分，則可以使用部分，並在每個部分內使用容器。

e.g

<section class="bg-1"><div class="container"></div></section> 
<section class="bg-2"><div class="container"></div></section> 
<section class="bg-3"><div class="container"></div></section>

在你的情況，你可以使用液體容器和定義自己的尺​​寸列。這樣你將有容器和你自己的佈局div。

希望這會有所幫助。

來源

2016-12-01 08:08:13 Aslam

+0

那麼我該如何實現這樣的設計呢？ http://i.imgur.com/PxeeC6c.png – FrozenHeart

+0

你可以使用引導網格。這將有助於：http://codepen.io/hunzaboy/pen/ObzPyd – Aslam

相關問題

 相關問題