html - 如何从 Bootstrap 表响应中删除边框?

标签 html twitter-bootstrap css html-table

您好,我正在尝试从我的表格中删除边框。

这是我的代码:

<table class="table table-responsive" style="border:none"> 
     <tr>
        <th>First name</th>
        <th>Last name </th>
     </tr> 
     <tr>
        <td>Tima</td>
        <td>Zahra</td>
     </tr> 
     <tr>
        <td>Emily</td>
        <td>SMITH</td>
     </tr> 
</table>

但它不起作用。请帮我 !很抱歉我的英语不好,我希望你能理解。

最佳答案

只需使用以下 CSS:

.table thead tr th, .table tbody tr td {
    border: none;
}

关于html - 如何从 Bootstrap 表响应中删除边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43588960/

相关文章:

html - 如何在CSS中对齐图像和文本?

php - 如何使用 PHP 创建 HTML 文档?

html - 不使用 <ul> 的自动宽度链接列表

javascript - 下一个 上一个 预览 slider 导航

html - 垂直对齐 Bootstrap 样式标签和链接中的文本

具有内容但没有类的元素的 CSS 选择器

php - 更改子菜单时如何更改网页背景?

css - 预先输入多行列表项

javascript - 使用 AngularJS 提交 Bootstrap 表单时显示进度(圆圈)

javascript - 在 Jasny Bootstrap 中使用 fileinput.js 时,选择文件后自动提交表单