Bootstrap表单中没有Boostrap实现

Question

我有一个网站，使用普通的HTML和CSS创建而不使用Bootstrap，但我喜欢Bootstrap表单样式。

我的问题是如何在我的网站中实现引导程序的表单样式，并确保它不会影响我的网站风格？

谢谢。

Answer 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。