怎样改变bootstrap的样式

 我来答
琴兰磊艺
2017-04-28 · 超过182用户采纳过TA的回答
知道小有建树答主
回答量:333
采纳率:0%
帮助的人:211万
展开全部
  bootstrap已经作为前端开发必不可少的框架之一,应用bootstrap使得我们对布局、样式的设定变得非常简单。
  但bootstrap提供的默认样式往往不能满足我们的需求,从而定制化bootstrap成为我们经常需要做的工作,本文就如何更高效更可维护地定制bootstrap做一下探讨。
  
  如下图,在你的button 中加入bootstrap的class: btn btn-primary,就可以将默认的button(左边)变成右边的样式。

  可如果我们想应用自己的样式呢?比如我们想要拥有圆角的button。
  通常,我们可以直接覆盖bootstrap的样式。
  我们在自己的项目目录下新建my-custom.css文件,加入如下代码:
  .btn { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
  
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式