Question

我正在使用Bootstrap 3，我有一个类panel panel-default的div。设置style="border:none"后，为什么我的面板底部仍然有一个微弱的灰色边框？我该如何摆脱它？

<body>
  <div class="panel panel-default" style="border: none">    
    test this
  </div>
</body>

Answer 1

@Fritz Meissner这不是边框的问题，但是盒子阴影造成这种情况。

试试这个

.panel, .route-blurb-container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

Answer 2

.panel，.route-blurb-container

中仍有一个盒子阴影

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

将其移除以消除底部的微弱灰色边框。更新了小提琴here。

Answer 3

你可以看到的小边框是一个盒子阴影。将box-shadow设置为无，该行将消失，如下所示：