能用$function把表格包起来不受影响吗？还是有更好的办法！表格代码：
body {
text-align:left;
font-family: 'trebuchet MS', 'Lucida sans', Arial;
font-size: 14px;
color: #444;
}
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px;
border-spacing: 0;
margin-top:40px;
margin-left:80px;
}
.bordered {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.......
</style>中间一些代码略
两个办法：
1是先加载bootstrap.css 然后再加载你自己的css，这样，当table的样式跟bootstrap发生冲突的时候，你的自己的css就会有优先权。
例如
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="your.css">
</head>
2，另一种方法就是给你的table元素的样式加上!important标记，让你自己的样式有优先权，例如：
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px !important;
border-spacing: 0 !important;
margin-top:40px !important;
margin-left:80px !important;
}
以上两种方法都可以，但是要注意的是，表格变形还可能是因为有些值你没考虑到，没有写在你的css中，例如padding，display之类的，这些也会影响到表格的外观。建议你最好看看bootstrap.css里面所有的table相关的声明，然后再采取相关的修改
1是先加载bootstrap.css 然后再加载你自己的css，这样，当table的样式跟bootstrap发生冲突的时候，你的自己的css就会有优先权。
例如
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="your.css">
</head>
2，另一种方法就是给你的table元素的样式加上!important标记，让你自己的样式有优先权，例如：
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px !important;
border-spacing: 0 !important;
margin-top:40px !important;
margin-left:80px !important;
}
以上两种方法都可以，但是要注意的是，表格变形还可能是因为有些值你没考虑到，没有写在你的css中，例如padding，display之类的，这些也会影响到表格的外观。建议你最好看看bootstrap.css里面所有的table相关的声明，然后再采取相关的修改
温馨提示：答案为网友推荐，仅供参考
第1个回答 2015-04-16
没见过这么开发的，最后再加 bootstrap 上去。。。没法判断，你什么都没提供，想要什么效果，现在变成什么样
