ตารางเลขดัง [แก้]

   <style>
       .numhot .col-4,
       .numhot .col-12 {
           padding: 0;
           margin: 0;
       }
   </style>

   <div class="row numhot">
       <div class="col-12">
           <table class="table-striped table-bordered border border-secondary" style="width: 100%">
               <tr>
                   <td colspan="7" class="bg-inverse-blue text-blue text-center">
                       เลขดังมาแรง!
                   </td>
               </tr>
           </table>
       </div>
       <div class="col-4">
           <table class="table-striped table-bordered border border-secondary" style="width: 100%">
               <tbody>
                   <tr class="font-weight-bolder bg-danger text-white">
                       <th class="pl-1 text-center" colspan="2">3 ตัวบน</th>
                   </tr>
                   <tr class="font-weight-bold border-1 bg-white">
                       <td class="pl-1 text-center">เลขดัง</td>
                       <td class="pl-1 text-center">จ่าย</td>
                   </tr>

                   <tr>
                       <td colspan="2" class="bg-inverse-blue text-blue text-center">
                           ---------------</td>
                   </tr>

               </tbody>
           </table>
       </div>

       <div class="col-4">
           <table class="table-striped table-bordered border border-secondary" style="width: 100%">
               <tbody>
                   <tr class="font-weight-bolder bg-danger text-white">
                       <th class="pl-1 text-center" colspan="2">2 ตัวบน</th>
                   </tr>
                   <tr class="font-weight-bold border-1 bg-white">
                       <td class="pl-1 text-center">เลขดัง</td>
                       <td class="pl-1 text-center">จ่าย</td>
                   </tr>

                   <tr>
                       <td colspan="2" class="bg-inverse-blue text-blue text-center">
                           ---------------</td>
                   </tr>

               </tbody>
           </table>
       </div>

       <div class="col-4">
           <table class="table-striped table-bordered border border-secondary" style="width: 100%">
               <tbody>
                   <tr class="font-weight-bolder bg-danger text-white">
                       <th class="pl-1 text-center" colspan="2">2 ตัวล่าง</th>
                   </tr>
                   <tr class="font-weight-bold border-1 bg-white">
                       <td class="pl-1 text-center">เลขดัง</td>
                       <td class="pl-1 text-center">จ่าย</td>
                   </tr>
                   <tr>
                       <td colspan="2" class="bg-inverse-blue text-blue text-center">
                           ---------------</td>
                   </tr>
               </tbody>
           </table>
       </div>
   </div>