I have a table within a panel that is left-justified, I've tried using classes text-center and center-block, but none of them center the table within the panel. I've also tried using align-content, align-items, and text-align from the style class, as well as just the old school align="Center" both in the table declaration and in the div tag with the table-responsive class. Can somebody point me in the right direction, pretty please? One last thing -- I have the "center-block" class on the table I want all the content condensed as close together as possible -- I think it looks nasty when it's stretched across the entire panel...

Below is my code and a screenshot of what it currently looks like

Code:
    <div class="container">
        <div class="row text-center">
            <div class="col-sm-12">
                <asp:Label ID="lblReportHeader1" Font-Size="XX-Large" ForeColor="DarkGoldenrod" Font-Bold="true" runat="server"></asp:Label>
            </div>
        </div>
        <div class="row text-center" style="margin-bottom: 15px">
            <div class="col-sm-12">
                <asp:Label ID="lblReportHeader2" Font-Size="X-Large" ForeColor="DarkGoldenrod" Font-Bold="true" runat="server"></asp:Label>
            </div>
        </div>

        <div class="panel panel-default" style="margin-left: 15px; margin-right: 15px">
            <div class="panel-heading" role="tab" id="headingDistrict1">
                <h4 class="panel-title container">
                    <a data-toggle="collapse" data-parent="#bmSSP" href="#District1" aria-expanded="true" aria-controls="District1">
                        <asp:Label ID="lblDistrictInfo1" runat="server"></asp:Label>
                    </a>
                </h4>
                <div class="table-responsive">
                    <table class="table table-condensed table-striped center-block" style="align">
                        <tr>
                            <td></td>
                            <td class="text-center"><b>#<br />
                                Suspensions</b></td>
                            <td class="text-center"><b>Disproportionality<br />
                                Rate</b></td>
                        </tr>
                        <tr>
                            <td>High School</td>
                            <td class="text-center">796</td>
                            <td class="text-center">14.0</td>
                        </tr>
                        <tr>
                            <td>Middle School</td>
                            <td class="text-center">491</td>
                            <td class="text-center">14.2</td>
                        </tr>
                        <tr>
                            <td>Elementary School</td>
                            <td class="text-center">663</td>
                            <td class="text-center">6.4</td>
                        </tr>
                        <tr class="success">
                            <td><b>Totals</b></td>
                            <td class="text-center"><b>1,950</b></td>
                            <td class="text-center"><b>9.1</b></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div id="District1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingDistrict1">
                <div class="panel-body">
                    <div class="btn-group">
                        <button class="btn btn-warning btn-sm dropdown-toggle" data-toggle="dropdown" onclick="printPartOfPage('divPrtData1')">
                            <i class="fa fa-print"></i>&nbsp;Print Data</button>
                    </div>
                    <div id="divDistrict1Detail" class="table-responsive">
                        <table>
                            <tr style="vertical-align: top">
                                <td>
                                    <asp:PlaceHolder ID="phDistrictBodyHigh1" runat="server"></asp:PlaceHolder>
                                </td>
                                <td>
                                    <asp:PlaceHolder ID="phDistrictBodyMiddle1" runat="server"></asp:PlaceHolder>
                                </td>
                                <td>
                                    <asp:PlaceHolder ID="phDistrictBodyElem1" runat="server"></asp:PlaceHolder>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
bootstrap panel.jpg