<div class="table-responsive"> <table class="table text-nowrap"> <thead> <tr> <th> ... </th> .... </tr> </thead> <tbody> <tr> <td> ... </td> .... </tr> ..... </tbody> </table> </div>
其中,表格需要加table
样式,text-nowrap
控制内容不换行,表格外层必须有<div class="table-responsive">
。表格里面的thead
和tbody
不能省略,否则Bootstrap表格样式不会被使用。