如何在本地SCSS文件中覆盖Bootstrap样式?

时间:2018-02-13 06:45:30

标签: css angularjs twitter-bootstrap sass scss-lint

我试图在我的SCSS文件中本地覆盖ngxTypeahead引导程序样式。

http://run.plnkr.co/preview/cjdla5ty8000cfilltbx80wpz/

如果我们检查一下这种类型的结果,我们可以看到这个

他们有这种格式

<div class ="search-results style-3">
    <input></input>
    <section class="list-group results"></section>
</div>

在列表组中,它们具有这些属性

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

我想在此课程中添加bottom: 60px!important;

我直接在我当地的SCSS文件中提供了同一个班级,我使用此类型并添加了底部

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    bottom:60px !important;
}

但这不是我当地的课程。它只有引导风格。

我应该在SCSS中以任何其他方式添加它吗?

0 个答案:

没有答案