2015-11-26 78 views
2

我需要使用Bootstrap編碼佈局(http://lancebitner.com/Story%20580_WAGE_Yes.pdf),我不確定它是否可行。我對Bootstrap的經驗有限,但對HTML和CSS有更多的經驗。我不確定這是可能的,因爲我無法找到任何此佈局的參考。任何人都可以將我指向正確的方向嗎?每個頁面都有不同的功能,我希望用Bootstrap來製作它們。Bootstrap能夠產生這種佈局嗎?

有沒有人看過類似這個樣機的網站,有佈局和功能,使用Bootstrap?

+2

可能不完全一樣。引導程序實際上是一個標記和CSS規則的集合,將使它看起來不同(但好得多) –

回答

0

我做了一些研究,你們是對的,Bootstrap可以做到這一點;它只需要一些自定義的CSS和JS。我發現了一個Bootstrap佈局,其中包含了我正在尋找的一些功能;帶有下拉菜單的單列布局:http://alijafarian.com/bootstrap-multi-column-dropdown-menu/。另外,對於兩列頁面,我發現這個佈局:http://startbootstrap.com/template-overviews/2-col-portfolio/。這些佈局將有極大的幫助。隨着一些調整,我正在路上!

http://lancebitner.com/Capture2.PNG

4

可能不完全。 bootstrap實際上是一個帶有標記和css規則集合的網格系統,它會使它看起來有點不同(但好得多)。 這意味着如果您將使用默認規則,某些元素將會看起來不同(按鈕,表單元素等) - 但是您可以隨時覆蓋它們。但是接下來 - 爲什麼使用引導程序:-)

作爲直接答案 - 單獨佈局(忽略設計) - 是的,你可以。

引導程序還將爲您提供設備/瀏覽器兼容性的優勢,這些設備/瀏覽器兼容性目前很難在HTML中從0編碼。

我建議你去examples頁面,在那裏你可以看到一些佈局的開始 - 結合這些將允許你實現你需要的佈局。同時通過在官方網頁上展示的所有元素和componentsform,table, buttons等)。所有你需要的元素都在那裏(以及更多)

爲了理解bootstrap是實現它的最好方法。

+0

沒有任何自定義CSS,這將是不可能的。當然,除了自定義CSS之外,還使用Bootstrap。 – jfoutch

+0

- 意思是回覆OP – jfoutch

+0

我們的客戶想使用Bootstrap,我想知道它是否可能。我不想覆蓋Bootstrap CSS,因爲它將用於其他網站。我只是想在模型上的功能上使用他們的類和ID。 –

6

任何設計都可以使用引導程序來完成,它將介紹如何操作或編輯現有代碼,但對於我來說,引導程序的最佳部分是網格系統,它可以讓您獲得更好的響應式設計。