Breaking News: Grepper is joining You.com. Read the official announcement!

bootstrap table border

Add Answer

Gudu answered on September 7, 2020 Popularity 10/10 Helpfulness 2/10

answer bootstrap table border

related borderless bootstrap table

related bootstrap table rounded corners

related borderless bootstrap table

related change table border color in bootstrap

related borderless bootstrap table

related bootstrap table

related borderless bootstrap table

bootstrap table border

Comment

.table-bordered {
  border: $table-border-width solid $table-border-color;

  th,
  td {
    border: $table-border-width solid $table-border-color;
  }

  thead {
    th,
    td {
      border-bottom-width: (2 * $table-border-width);
    }
  }
}

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: bootstrap-table border whatever

Link to this answer
Share Copy Link

Contributed on Mar 02 2023

Gudu

0 Answers Avg Quality 2/10

Closely Related Answers

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#id</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 7/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

bootstrap table rounded corners

Comment

table {
  border-collapse: separate;
  border-spacing: 0;
}
table tr th,
table tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
}
table tr th:first-child,
table tr td:first-child {
  border-left: 1px solid #bbb;
}
table tr th {
  background: #eee;
  border-top: 1px solid #bbb;
  text-align: left;
}

/* top-left border-radius */
table tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

Popularity 8/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Mar 08 2023

Bade_Mia

0 Answers Avg Quality 2/10

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 9/10 Helpfulness 4/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 9/10 Helpfulness 4/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

change table border color in bootstrap

Comment

<style>
.table-bordered {
border: 1px solid black !important;
}
th,td{
border: 1px solid black !important;
}

</style>
<table class="table table-bordered text-center">
<thead>

</thead>
<tbody>

</tbody>
</table>

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: border-color border-col

Link to this answer
Share Copy Link

Contributed on Mar 03 2023

Gudu

0 Answers Avg Quality 2/10

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 9/10 Helpfulness 4/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

bootstrap table

Comment

<table class="table table-sm table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 4/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Sep 07 2020

Jaskaran

0 Answers Avg Quality 2/10

bootstrap table

Comment

<table class="table table-hover table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Jun 30 2021

Itchy Impala

0 Answers Avg Quality 2/10

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 9/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

borderless bootstrap table

Comment

<table class="table table-borderless">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 9/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

mukashwasti_

0 Answers Avg Quality 2/10

bootstrap table border

Contents

More Related Answers

bootstrap table border

Closely Related Answers

borderless bootstrap table

bootstrap table rounded corners

borderless bootstrap table

borderless bootstrap table

change table border color in bootstrap

borderless bootstrap table

bootstrap table

bootstrap table

borderless bootstrap table

borderless bootstrap table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.