Bootstrap表边界半径不起作用

Question

我试图在桌子上弯曲角落，但是当我添加border-radius时没有发生任何事情。我尝试过添加！重要，但它没有帮助。

.table {
border: 3px solid #d8d8d8;
border-radius: 10px;
}

谢谢，如果有人可以解决它

Answer 1

您可以使用课程panel添加div。

<div class="panel panel-default">
 <table class="table table-bordered">
    &nbsp;
 </table>
</div>

https://codepen.io/Ylama/pen/BJjBeq

Answer 2

This is the solution

HTML :

<table class="table">
 <tr>
  <td>i am a good guy you think ? am i.....</td>
 </tr>
</table>

CSS :

.table{
  border: 3px solid #d8d8d8;
  border-radius: 10px;
}

codepen