使用引导程序响应表

时间:2016-11-09 11:39:45

标签: html5 css3 twitter-bootstrap-3

实际上我有一个包含七列的表,其中三个是大文本,剩下四个是带图标。问题是当我通过使用bootstrap类“table-responsive”进行响应时,为标签设备响应它显示所有相等宽度的列,但我希望是带有文本的三列应占据比图标列更宽的宽度。

任何帮助都将不胜感激。

3 个答案:

答案 0 :(得分:1)

  • 使用类表 - 响应表

  • 的父div
  • 将类表用于表元素

  • 给th / td的特定宽度

答案 1 :(得分:0)

width=""属性添加到您的表<th>中。

答案 2 :(得分:0)

您可以在th列添加

class="col-sm-4" //or larger try it for the 3 fonts columns

class="col-sm-1" //or smaller try it for the 4 icon columns

或类似的东西