css - Bootstrap 列表组元素颜色不起作用

Question

这段代码昨天还在工作，现在突然停止工作了，我没有对我的任何 html 页面(包括这个页面)进行任何更改。我正在使用 flask bootstrap，但我的导航栏工作正常，并且出现了“list-group-item”的边框，它只是“list-group-item-success/info/warning”中缺少的颜色。

<div class="col-md-8">
      <ul class="list-group">
         <a href="{{ url_for('listings.make_bst_listing') }}">
          <li class="list-group-item list-group-item-success">
           <h4><b>Buy Sell Trade</b> </h4>
            <p>Post a listing for an item that you want to buy and/or sell and/or trade</p>
           </li>

Answer 1

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>


<!--This code was working yesterday and now it has suddenly stopped working, I haven't made any alterations to any of my html pages including this one. I am using flask bootstrap but my navbar is working fine and the border that comes up with "list-group-item" is there, it's just the colours that are missing from "list-group-item-success/info/warning".-->

<div class="col-md-8">
  <ul class="list-group">
    <li class="list-group-item list-group-item-danger">
      <a href="{{ url_for('listings.make_bst_listing') }}">
        <h4><b>Buy Sell Trade</b> </h4>
        <p>Post a listing for an item that you want to buy and/or sell and/or trade</p>
      </a>
    </li>  
  </ul>
</div>

这对我有用...但是重新排列了 html，以便 Anchor 标记位于 LI 标记内。 anchor 不能位于有问题的 UL 标签内。