卡内的 Bootstrap 4 表存在问题答案

【问题标题】：Problem with a Bootstrap 4 table inside a card卡内的 Bootstrap 4 表存在问题
【发布时间】：2019-07-28 11:44:26
【问题描述】：

这是我的问题

如您所见，我不知道为什么表格在卡内采用这种格式。我需要将表格居中或至少不显示此时显示的空白区域。 ...这是我的代码（我使用 Angular 6）

<div class="row">
          <div class="col-md-6">
            <div class="header">
              <h4 style="padding:10px" class="title">Dispositivo de Ejecucion</h4>
            </div>
            <div>
              <table class="table table-bordered table-condensed table-responsive ">
                <thead class="thead-dark">
                  <tr>
                    <th>Marca</th>
                    <th>Sistema Operativo</th>
                    <th>Version</th>
                    <th>Modelo</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>{{dispositivoCdp[0].nombredispositivo}}</td>
                    <td>{{dispositivoCdp[0].sistema_operativo}}</td>
                    <td>{{dispositivoCdp[0].version}}</td>
                    <td>{{dispositivoCdp[0].modelo}}</td>
                  </tr>
                </tbody>

              </table>
            </div>
            

          </div>

          <div class="col-md-6 justify-content-center">
           
                <div class="header">
                    <h4 style="padding:10px" class="title">Tiempo de Ejecucion</h4>
                  </div>
            
                <table class="  table table-bordered table-responsive ">
                    <thead class="thead-dark">
                      <tr>
                        <th>Inicio</th>
                        <th>Fin</th>
                        <th>Duracion</th>
                      </tr>
                    </thead>

                    <tbody>
                      <tr>
                          <td>{{dispositivoCdp[0].nombredispositivo}}</td>
                          <td>{{dispositivoCdp[0].sistema_operativo}}</td>
                          <td>{{dispositivoCdp[0].version}}</td>
                          
                      </tr>
                    </tbody>
  
                  </table>
          </div>
          
        </div>

对我做错了什么有什么建议吗？我尝试在表类中使用 table-sm，但我没有得到任何结果

【问题讨论】：

标签： html css angular html-table bootstrap-4

【解决方案1】：

尝试在您的班级中删除“表格响应”。我认为这将解决您的问题。

【讨论】：

【解决方案2】：

使用这个

 <table class="table table-bordered table-condensed table-responsive" style="display:table">

【讨论】：