java - 创建的表不以 Bootstrap 为中心

Question

在我的元素中，我在运行时使用 jSTL 标签创建一个动态表，我在我的元素中使用 bootstrap 来实现响应。问题是我创建的表没有被限制在容器元素中，就好像它有更多列用于某些搜索。

这是问题的快照:

我的代码:

 <div class="container" id="main">

// some code for adding menu 
<div class="row" id="featuresheading"> <!-- row for containg table  -->

   <div class="col-lg-12"> <!-- for col set -->


   <div class="table-responsive">
           <table class="table table-striped table-bordered">


             <tr>
             <c:forEach var="rna" items="${requestScope.searched_micro_rnas}">
                    <th >
                        <c:out value="${rna}"></c:out> 
                     </th>   

             </c:forEach>   
             </tr>        


              <c:forEach var="result" items="${requestScope.result_list}">

               <tr>
                 <c:forEach var="intval" items="${result}">



                         <td>
                         <c:out value="${intval}"></c:out>
                         </td>


                 </c:forEach>
               </tr>
             </c:forEach>

          </table>   
          </div> <!--  table responsive div ends -->

        </div> <!--  column div ends  -->
       </div> <!--  row ends -->
      </div><!--  container ends -->  

如何解决？

Answer 1

可以通过将“col--”类分配给“td”本身轻松做出响应，然后您的表就会变得响应。