// Bootstrap v3.0
// Responsive Tables (collapses when max-width of screen is less than grid-float-breakpoint)

.table-collapse {
  @media (max-width: @grid-float-breakpoint) {
    display: block;

    caption {
      display: block;
      .clearfix();
    }

    thead, tfoot {
      display: none;
    }

    tbody {
      display: block;

      > tr {
        display: block;

        &:first-child {
          td:first-child {
            border-top: none;
          }
        }

        > td {
          &:first-child {
            border-left: none;
            border-right: none;
            border-bottom: none;
          }

          &:not(:first-child) {
            border: none;
          }

          display: block;

          &[role] {
            .clearfix();

            &:before {
              content: attr(role);
              display: block;
              float: left;
              width: (@component-offset-horizontal - 20);
              padding-right: 20px;
              clear: left;
              text-align: right;
              font-weight: bold;
              .text-overflow();
            }
          }
        }
      }
    }

    &.table-bordered {
      border: none; // Remove border from table and apply to tbody

      tbody {
        border: 1px solid @table-border-color;
      }
    }
  }
}

// Bootstrap v3.0
// Responsive Tables (collapses when max-width of screen is less than grid-float-breakpoint)

.table-collapse {
  @media (max-width: @grid-float-breakpoint) {
    display: block;

    caption {
      display: block;
      .clearfix();
    }

    thead, tfoot {
      display: none;
    }

    tbody {
      display: block;

      > tr {
        display: block;
        border-top: 1px solid @table-border-color;

        &:first-child {
          border-top: none;
        }

        > td {
          border: none;
          display: block;

          &[role] {
            &:before {
              content: attr(role);
              display: block;
              float: left;
              width: (@component-offset-horizontal - 20);
              padding-right: 20px;
              clear: left;
              text-align: right;
              font-weight: bold;
              .text-overflow();
            }
          }
        }
      }
    }

    &.table-bordered {
      border: none; // Remove border from table and apply to tbody

      tbody {
        border: 1px solid @table-border-color;
      }
    }
  }
}

Fix borders - necessary when using captions
Fix borders - necessary when using captions
