bootstrap如何设置响应式表格

bootstrap的响应式表格适用于手机、平板、台式机各种客户端。

下面是使用bootstrap实现响应式表格的方法：

首先我们用到的表是骑车表car：

然后我们要引入几个文件，分别是bootstrap的css文件和js文件以及jquery包：

然后就是主页面代码，除了引入表格样式和模态框，其他和以前的php方式一样：

                        <script>$(".xq").click(function(){ //显示详细信息 //取代号 var code = $(this).attr("code"); $.ajax({ url:"bootchuli.php", data:{code:code}, type:"POST", dataType:"TEXT", success: function(data){ var lie = data.trim().split("^"); var str = "<div>代号："+lie[0]+"<div>名称："+lie[1]+"<div>系列："+lie[2]+"<div>上市时间："+lie[3]+"<div>油耗："+lie[4]+"<div>功率："+lie[5]+"<div>价格："+lie[7]+""; $("#neirong").html(str); //触发模态框 $(&#39;#myModal&#39;).modal(&#39;show&#39;); } });})</script>

代号

名称

系列