第一個問題是,我想知道如何在twitter引導或插入文本中創建一些div?像往常一樣做嗎? <div>
,<p>
,<h1>
或任何其他標籤的文字或什麼?當然,我希望文本和div有響應。twitter引導框架的問題
第二個問題是,當我想要設計這些元素時,我應該製作新的style.css
文件還是將其放入現有的引導程序css中?
第一個問題是,我想知道如何在twitter引導或插入文本中創建一些div?像往常一樣做嗎? <div>
,<p>
,<h1>
或任何其他標籤的文字或什麼?當然,我希望文本和div有響應。twitter引導框架的問題
第二個問題是,當我想要設計這些元素時,我應該製作新的style.css
文件還是將其放入現有的引導程序css中?
有點挖入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文件)。
我建議你加入這個羣組。 http://ell.stackexchange.com/ @mha –