修改Bootstrap Starter模板

Question

我想在Bootstrap Starter Template的右側添加一個搜索欄和2個佔位符。我也想改變導航欄的顏色。

這樣做的最好方法是什麼？

這是我引用的模板的鏈接。

http://twitter.github.com/bootstrap/examples/starter-template.html

Answer 1

這取決於你：

例如如果u想改變導航欄的顏色（WebKit的borwser）： 鏈接後，引導樣式在HTML文件的頭部添加此代碼：

<style> 
.navbar-inverse .navbar-inner { 
background-image: -webkit-linear-gradient(top, rgb(0, 163, 255), rgb(31, 92, 158)); 
} 
</style> 

你可以找到CSS類的引導和現場編輯對鉻InspectElemets工具和螢火AddOnes對火狐borwser。

那麼你的變化添加到<style></style>主css引導文件後...

Answer 2

閱讀document研究引導腳手架

對於改變導航欄的顏色，如果你不是在修改源嚴重文件：

1. 檢查元素（鉻）
2. 在樣式面板中，你會看到它的確切位置。
3. 去編輯源文件。

但是根據這篇文章Twitter Bootstrap Customization Best Practices，他們說你應該儘可能避免對源文件進行修改。因此，不用編輯源文件，您可以創建一個包含修改的新css文件，然後在bootstrap.css後包含它。