bootstrap 图片轮播 样式选择

http://www.runoob.com/try/try.php?filename=bootstrap3-plugin-carousal-simple

http://caibaojian.com/bootstrap/javascript.html#carousel

查看以上两个 bootstrap 图片轮播 案例发现它们的样式是不同的。通过浏览器F12键查看源码，了解到前者使用的是bootstrap3.0版本，后者使用的是bootstrap2.0版本。我个人觉得bootstrap2.0的样式好看多了，但是，时今bootstrap 3.0才是主流。

 

我的方法是在自己的网页添加自己手写的代码，覆盖掉bootstrap的css样式

<style type="text/css">
.carousel-test {
position:absolute;
top:15px;
right:15px;
text-align:right;
} /*这个是使OL标签右对齐，而非bootstrap3.0的屏幕居中*/

.test {
top:50%;
} /*这个是A标签的垂直居中*/
</style>

兼容性还没有测试，仅公学习参考。。