bootstrap椭圆形按钮+css覆盖

最直接的方式是用CSS覆盖掉Bootstrap的默认样式。可以通过针对Bootstrap中使用的class编写你自己的样式来实现。比如说，可以通过增加以下代码来使你的按钮变得更圆滑：

1. .btn {

2. -webkit-border-radius: 20px;

3. -moz-border-radius: 20px;

4. border-radius: 20px;

5. }

一个增加了border radius的自定义的Bootstrap按钮。

为了能够成功覆盖，记得在Bootstrap的声明之后增加你的代码。

这种方法的优点在于它几乎不会改变你的工作流程。即便使用了Bootstrap，你还是需要自己的样式表来使框架适合你的内容。你可能没有意识到，Bootstrap自己的网站还依赖了除Bootstrap框架外的上千行样式。

但是对于更彻底的修改(比如重新设计导航栏)或是非局部的修改(比如修改适用于整个网站的高亮颜色)来说，这样东一块，西一块的覆盖样式更像是一种打补丁式的解决方案。而且你的新样式要添加到Bootstrap的默认样式表里，让本已经100 KB的文件越发臃肿。如果你不仅仅想要做一些覆盖，那就要考虑一种更具扩展性的方法了。

上面摘抄一部分，具体看这个人类的

/*****真是十分可怕百度搜索到自己的博客，，，打开一看蜜汁熟悉的 然后迅速关闭 前端是不可能的啦，这辈子都不可能******\