為什么我我的面屏都是圖片,而且,圖片的上一頁進(jìn)和下一頁的按鈕不見了~跪求大神指點!
為什么我的效果是滿屏都是圖片,而且上一頁和下一頁的按鈕也沒有了~跪求大神指點!?。?/p>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
? <!-- Indicators -->
? <ol class="carousel-indicators">
? ? <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="1"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="2"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="3"></li>
? </ol>
? <!-- Wrapper for slides -->
? <div class="carousel-inner" role="listbox">
? ? <div class="item active">
? ? ? <img src="img/0.jpg" alt="1 slide">
? ? ? <div class="carousel-caption">
? ? ? ? 信息安全項目
? ? ? ? <p>信息安全是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? </div>
? ? <div class="item">
? ? ? <img src="img/1.jpg" alt="2 slide">
? ? ? <div class="carousel-caption">
? ? ? ?<h1>信息技術(shù)項目</h1>
? ? ? ?<p>信息技術(shù)是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? ? </div>
? ? <div class="item">
? ? ? <img src="img/2.jpg" alt="3 slide">
? ? ? <div class="carousel-caption">
? ? ? ?智能化管理項目
? ? ? ?<p>智能化管理是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? ? </div>
? ?<div class="item">
? ? ? <img src="img/3.jpg" alt="4 slide">
? ? ? <div class="carousel-caption">
? ? ? ? 信息追蹤技術(shù)項目
? ? ? ? <p>信息追蹤技術(shù)是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? ?</div>
? ? ? </div>
? ? ? </div>
? <!-- Controls -->
? <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
? ? <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
? ? <span class="sr-only">上一頁</span>
? </a>
? <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
? ? <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
? ? <span class="sr-only">下一頁</span>
? </a>
</div>
2016-07-21
需要在項目中新建一個文件夾,名字為“fonts”,然后將bootstrap3版本中根目錄中的fonts文件夾下的東西拷貝到你的文件夾中。圖片上的上一頁和下一頁使用css的:before的content屬性寫出來的。
2016-04-18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>信息技術(shù)學(xué)院</title>
<!--鏈入外部樣式表-->
<link href="F:\bootstrap\css\bootstrap.min.css" rel="stylesheet">
<style>
? body{
?padding-top:50px;
?}
.carousel{
?height:200px;
?background-color:#000;
?}
.carousel.item{
?height::200px;?
?background-color:#000;
?}
.carousel img{
width:100%;
? ? ? ? ? ? }
?
</style>
</head>
<body><nav class="navbar-inverse navbar-fixed-top" >
? <div>
? ? <!-- Brand and toggle get grouped for better mobile display -->
? ? <div>
? ? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
? ? ? ? <span>Toggle navigation</span>
? ? ? ? <span></span>
? ? ? ? <span></span>
? ? ? ? <span></span>
? ? ? </button>
? ? ?
? ? ? <a href="#">信息技術(shù)學(xué)院</a>
? ? </div>
? ? <!-- Collect the nav links, forms, and other content for toggling -->
? ??
? ? <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
? ??
? ? ? <ul class="nav navbar-nav">
? ? ? ? <li><a href="#">首頁</a></li>
? ? ? ? <li>
? ? ? ? ? <a href="#" class="active dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">功能 <span></span></a><!--得到功能按鈕,后面加了一個小按鈕的圖標(biāo)。-->
? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">業(yè)務(wù)功能</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息建立</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息查詢</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">信息管理</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">系統(tǒng)功能</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">設(shè)置</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? </li>
? ? ? ? <li class=""><a href="#">幫助</a></li>
? ? ? </ul>
? ?
? ? ? <form class="navbar-form navbar-right" role="search">
? ? ? ? <div>
? ? ? ? ? <input type="text" placeholder="用戶名">
? ? ? ? </div>
? ? ? ? ?<div>
? ? ? ? ? <input type="password" placeholder="密碼">
? ? ? ? </div>
? ? ? ? <button type="submit" class="btn btn-default">登錄</button>
? ? ? </form>
? ? ??
? ? </div><!-- /.navbar-collapse -->
? ? ?<!--導(dǎo)航圖中間的一些導(dǎo)航項目-->
? </div><!-- /.container-fluid -->
</nav>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
? <!-- Indicators -->
? <ol>
? ? <li data-target="#carousel-example-generic" data-slide-to="0"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="1"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="2"></li>
? ? <li data-target="#carousel-example-generic" data-slide-to="3"></li>
? </ol>
? <!-- Wrapper for slides -->
? <div role="listbox">
? ? <div class="item active">
? ? ? <img src="img/0.jpg" alt="1 slide">
? ? ? <div>
? ? ? ? 信息安全項目
? ? ? ? <p>信息安全是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? </div>
? ? <div>
? ? ? <img src="img/1.jpg" alt="2 slide">
? ? ? <div>
? ? ? ?<h1>信息技術(shù)項目</h1>
? ? ? ?<p>信息技術(shù)是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? ? </div>
? ? <div>
? ? ? <img src="img/2.jpg" alt="3 slide">
? ? ? <div>
? ? ? ?智能化管理項目
? ? ? ?<p>智能化管理是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? </div>
? ? ? </div>
? ?<div>
? ? ? <img src="img/3.jpg" alt="4 slide">
? ? ? <div>
? ? ? ? 信息追蹤技術(shù)項目
? ? ? ? <p>信息追蹤技術(shù)是*****</p>
? ? ? ?<p><a class="btn btn-lg btn-primary" role="button" target="_blank">點擊我下載</a></p>
? ? ? ?</div>
? ? ? </div>
? ? ? </div>
? <!-- Controls -->
? <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
? ? <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
? ? <span>上一頁</span>
? </a>
? <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
? ? <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
? ? <span>下一頁</span>
? </a>
</div>
<script src="F:\bootstrap\js\jquery-1.11.1.js"></script>
<script src="F:\bootstrap\js\jquery-1.11.1.min.js"></script>
<script src="F:\bootstrap\js\bootstrap.min.js"></script>
</body>
</html>
加了呀!!??!
2016-04-18
你是不是忘記添加JS?了 <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>,另外有沒有給carousel這些設(shè)置樣式