Bootstrap Panel关闭按钮

Question

我试图创建一个按钮来解除其标题中的面板。它正在做它应该做的事情，但我得到了双重符号。 ×符号加倍。

我的HTML代码是：

＆＃13;

＆＃13;

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="panel panel-primary fade in collapse" id="test"><div class="container"></div>
    <div class="panel-heading"><a data-toggle="collapse" href="#test" class="close">&times;</a>
        <h3 class="panel-title">Detalhes do Planeamento</h3>
    </div>
    <div class="panel-body">
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

它显示如下：

为什么？我还可以把十字架做成红色吗？或者任何一种红色背景都会弹出来？