輪播的圖片和內(nèi)容不居中
<!DOCTYPE html>
<html>
? <head>
? ? <link rel="stylesheet" >
? ? <style>
? ? ? ? body{padding:10px;margin:10px;}
? ? </style>
? </head>
? <body>
? <div id="slidershow" class="carousel slide" data-ride="carousel">
? ? <!-- 設(shè)置圖片輪播的順序 -->
? ? <ol class="carousel-indicators">
? ? ? ? <li class="active" data-target="#slidershow" data-slide-to="0">1</li>
? ? ? ? <li data-target="#slidershow" data-slide-to="1">2</li>
? ? ? ? <li data-target="#slidershow" data-slide-to="2">3</li>
? ? </ol>
? ? <!-- 設(shè)置輪播圖片 -->
? ? <div class="carousel-inner" role="listbox">
? ? ? ? <div class="item active">
? ? ? ? ? ? <img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt="">
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題1</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容1...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <img src="http://images3.c-ctrip.com/dj/201408/zj/zj_580145.jpg" alt="">
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題2</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容2...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <img src="http://images3.c-ctrip.com/dj/201408/zqgq_580145.jpg" alt="">
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題3</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容3...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? </div>
? ??
? ? ?<!-- 設(shè)置輪播圖片控制器 -->
? ? <a class="left carousel-control" href="#slidershow" data-slide="prev" role="button" aria-hidden="true">
? ? ? ? <span class="glyphicon glyphicon-chevron-left"></span>
? ? ? ? <span class="sr-only">Previous</span>
? ? </a>
? ? <a class="right carousel-control" href="#slidershow" data-slide="next" role="button" aria-hidden="true">
? ? ? ? <span class="glyphicon glyphicon-chevron-right"></span>
? ? ? ? <span class="sr-only">Next</span>
? ? </a>
? </div>
??
? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
? <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
? ?</body>
</html>
2015-12-24
?<div id="slidershow" class="carousel slide" data-ride="carousel">在里面加入樣式:style="width:560px; margin:0 auto;“就可以居中,還可以使用絕對定位,但是我沒有完全的理解透徹,