如何防止原始表格樣式改變後包括自舉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？

回答

相關問題