如何防止原始表格样式改变后包括自举combined.min.css？

我想用真棒自举的DateTimePicker这样的：Awesome Example 如何防止原始表格样式改变后包括自举combined.min.css？

在我的html，我有一个表中包含特定的样式：

original table style

我原来的html：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table,th,td 
{ 
border:1px solid black; 
} 
</style> 
</head> 

<body> 

<table> 
    <tr> 
    <td>Cell A</td> 
    <td>Cell B</td> 
    </tr> 
</table> 

</body> 
</html>

但是在我加入bootstrap-combined.min.css之后，它改变了我的表格样式

Table style changed

之后的HTML代码包括引导-combined.min.css：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table,th,td 
{ 
border:1px solid black; 
} 
</style> 
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" media="screen" 
    href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> 
</head> 

<body> 

<table> 
    <tr> 
    <td>Cell A</td> 
    <td>Cell B</td> 
    </tr> 
</table> 

</body> 
</html>

你可以试试这里的代码：try it here

，会是什么原因可能导致的变化表格样式，我怎么能解决这个问题？

来源

2014-02-27 jhyap

enter image description here 试试这个

table,th,td 
{ 
border:1px solid black; 
border-spacing: 1px; 
padding:1px; 
border-collapse: separate; 
}

来源

2014-02-27 07:18:25 winnyboy5

你尝试过它后您的解决方案作为答案？ – jhyap

@jhyap你可以尝试... –

@jhyap亚我已经尝试过了。和它的工作 – winnyboy5

在引导CSS有对表ü可以覆盖这些类或删除这些默认样式。

这种默认的造型是在引导CSSü可以删除或者覆盖这些。

table { 
    max-width: 100%; 
    background-color: @table-bg; 
} 
th { 
    text-align: left; 
}

来源

2014-02-27 07:21:36

如何防止原始表格样式改变后包括自举combined.min.css？

回答

相关问题