less to stack tables

Stacked Table

.table {
    background-color: #fff;

    > thead {
        background-color: transparent;
        border-top: 1px solid rgba(0, 0, 0, 0.1);

        > tr > th {
            padding: 10px;
            font-weight: 600;
            background-color: #f1f1f1;
        }
    }
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: @table-bg-accent;
}

.table-hover > tbody > tr:hover {
    background-color: @table-bg-hover;
}

.table-stacked.table-bordered > tbody > tr > td {
    @media (max-width: @screen-sm-max) {
        padding-left: 15px;
        line-height: 30px;
        border: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.table-stacked {
    tbody, tr, th, td {
        display: block;
        white-space: normal;
    }

    td[data-title]:before {
        content: attr(data-title);
        float: left;
        font-weight: 600;

        @media (min-width: @screen-md-min) {
            content: none;
        }
    }

    @media (max-width: @screen-sm-max) {
        > thead, > tbody > tr > th {
            position: absolute;
            clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
            clip: rect(1px, 1px, 1px, 1px);
            padding: 0;
            border: 0;
            height: 1px;
            width: 1px;
            overflow: hidden;
        }

        > tbody > tr > th {
            text-align: center;
        }

        tbody, tr, th, td {
            text-align: right;
        }

        tr {
            margin-top: 20px;

            &:first-child {
                margin-top: 0;
            }
        }

        td {
            min-height: 47px;
        }
    }

    @media (min-width: @screen-md-min) {
        tr {
            display: table-row;
        }

        th, td {
            display: table-cell;
        }

        tbody {
            display: table-row-group;
        }
    }

    @media (max-width: @screen-md-max) {
        > tbody > tr:first-child > td {
            border-top-width: 1px;
        }
    }
}

table .dropdown-menu-right {
    @media (max-width: @screen-sm-max) {
        right: auto;
    }
}