2014-09-01 63 views
-1

我有一個網站,使用普通的HTML和CSS創建而不使用Bootstrap,但我喜歡Bootstrap表單樣式。Bootstrap表單中沒有Boostrap實現

我的問題是如何在我的網站中實現引導程序的表單樣式,並確保它不會影響我的網站風格?

謝謝。

+0

你是否瀏覽了bootstrap文檔? http://getbootstrap.com/css/從這裏開始 – Newtt 2014-09-01 15:55:18

+0

是的,我確實那樣做過。 – 2014-09-02 07:05:59

回答

1

退房這裏的文檔:http://getbootstrap.com/getting-started/

而且你必須首先包括引導CSS,然後你的CSS。它不會互相干擾。

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/your-css.css" rel="stylesheet"> 

然後說你要使用的col-xs-12 col-sm-12 col-lg-12類引導與自己的CSS,你可以做這樣的事情

<div class="col-xs-12 col-sm-12 col-lg-12 your-class"> 
    Some Stuff 
</div> 

或者

<div class="col-xs-12 col-sm-12 col-lg-12"> 
    <div class="your-class"> 
     Some Stuff 
    </div> 
</div> 

如果你的CSS的your-class能be

.your-class{ 
    max-width:220px; 
    margin-top:45px; 
} 

我希望這有助於。你應該瀏覽Bootstrap Docs,可能是tutorial