寫了一段jQuery代碼，發現引入bootstrap.css代碼就有BUG，刪除就OK，什麼原因？

代碼如下

&
&
&
&jQuery文本段落展開和摺疊效果&
& & & html,body,div,h2,p{margin: 0;padding: 0;}
html{font: 1em Arial, Helvetica, sans-serif;color: #444;}
a{color: #0087f1;}
p{margin-bottom: 5px;}
#container{margin: 0 auto;width: 600px;}
#container h2{font-size: 20px;color: #0087f1;}
#wrap{position: relative;padding: 10px;overflow: hidden;}
#gradient{width: 100%;height: 35px;background: url() repeat-x; position: absolute;bottom: 0;left: 0;}
#read-more{padding: 5px;border-top: 4px double #ddd;background: #fff;color: #333;}
#read-more a{padding-right: 22px;background: url() no-repeat 100% 50%;font-weight: bold;text-decoration: none;}
#read-more a: hover{color: #000;}
& &

---

是bootstrap.css里這處影響的：

* {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box；

box-sizing: border-box;

}

盒模型被悄悄改了，簡單改可以這樣：

http://jsbin.com/vamajapova/edit?html,output

另外，你應該把代碼帖到jsbin里看著乾淨點

---

推薦閱讀：