2014-07-15 106 views
-3

第一個問題是,我想知道如何在twitter引導或插入文本中創建一些div?像往常一樣做嗎? <div>,<p>,<h1>或任何其他標籤的文字或什麼?當然,我希望文本和div有響應。twitter引導框架的問題

第二個問題是,當我想要設計這些元素時,我應該製作新的style.css文件還是將其放入現有的引導程序css中?

+0

我建議你加入這個羣組。 http://ell.stackexchange.com/ @mha –

回答

3

有點挖入Bootstrap會有很長的路要走。新手請查看How to ask a good question,並查看幫助中心的其他主題。

看起來你並沒有研究過或研究過框架是如何工作或檢查出任何示例的。

它不重塑CSS/HTML如何協同工作。 DIV的工作原理是一樣的,但Bootstrap使用這些類來製作結構(更多信息請參見Grid System)。基本上有一個container DIV嵌套row DIV和適用的內部網格(如col-xs-12,這將填補在移動大小屏幕的寬度)。當與其他元素(例如「可見」(visible-xs作爲示例將使元素在移動中可見)或「隱藏」(hidden-xs將隱藏它們))配對時,網格允許響應性。在圖像上添加img-responsive將使其縮放以適應父網格DIV。

您仍然需要遵循在元視口中添加約定(請參閱setup以獲得基礎示例)支持以激活響應。 <meta name="viewport" content="width=device-width, initial-scale=1">就是一個例子。

覆蓋自己style.css將是最好的。我更喜歡使用LESS併爲變量覆蓋定製LESS文件(或者如果您對LESS不滿意,並且預計未來無法更新Bootstrap版本,則可以使用Customize Page在編譯的CSS文件)。

+0

我可能仍然沒有得到這部分,但感謝您的休息。添加這個類col-xs-12會使一些元素重量達到屏幕尺寸的100%?通過所有12列或? col-xs-6是否意味着它將只有50%的尺寸或? :/我可能沒有得到它? – mha

+0

正確。它基於默認的12列網格,因此斷點大小(xs,sm,md,lg)旁邊的數字(1到12)與DIV將消耗的列數有關。 – Aibrean

+0

太棒了。最後一個問題是,當我想要使用javascript/jquery時,它是否包含在boostrap.js中,或者我應該像通常一樣安裝它?感謝您的回答! – mha