bootstrap巨幕如何插入图片

<style>

.jumbotron{

background:url(images/banner.png)

}

</style>

在style里设置css样式

bootstrap引用图标的方法：

1、下载包并解压

在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹，把它复制到你的项目中（注意，这里可以重命名哦）

2、将连接添加到‘style.css’，html里添加一个图标，内容如下：

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

<link rel="stylesheet" href="path/to/elegant-font/style.css">

可以在你HTML里添加图标，并且使用CSS来更改它们的样式：

<span aria-hidden="true" class="icon_pencil"></span>

以下是导入的矢量图标：

<div class="bs-example" style="width:800px">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

<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>[这里是要添加的，最后的data-slide-to="3"，是从0开始的 你需要的是四个，那排列下来就是0-1-2-3]

</ol>

<div class="carousel-inner" role="listbox">

<div class="item active">

<img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide">

</div>

<div class="item">

<img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide">

</div>

<div class="item">

<img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide">

</div>

<div class="item">

<img data-src="holder.js/900x500/auto/#555:#333/text:4 slide" alt="4 slide">

</div>[这里是要添加的图片]

</div>

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left"></span>

<span class="sr-only">Previous</span>

</a>

<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right"></span>

<span class="sr-only">Next</span>

</a>

</div>

</div>

你用这些代码试试看 ，[]内的字删掉

---