问答详情
源自：3-6 编程练习

字体文件引用

自己下载的bootstrap文件，字体文件怎么引用啊，箭头不显示

提问者：忠胜大哥 2016-06-18 11:58

个回答

  • qq_黑色契约_0
    2016-08-19 01:47:16

    修改位置记得加div

    0
  • qq_黑色契约_0
    2016-08-19 01:46:11

    看不见？好吧修改颜色和位置

      span{
            float:left;
            margin:60px;
            color:red;
        }


    0
  • qq_黑色契约_0
    2016-08-19 01:23:59

    <!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>Hello World</title>
    <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"><style>
        .carousel {
            height: 500px;
        }
        .carousel .item {
            height: 500px;
        }
        .carousel .item img {
            width: 100%;
        }
        .carousel-caption{
            color:#000;
        }
</style>
</head>
<body>
     <!---轮播功能-->
<div id="dpc" class="carousel slide" data-rid="carousel">
<ol>
<li data-target="#dpc" data-slide-to="0"></li>
<li data-target="#dpc" data-slide-to="1" ></li>
<li data-target="#dpc" data-slide-to="2" ></li>

</ol>
<!--轮播项目-->
<div role="listbox" >
<div class="item active">
<img src=" http://img.mukewang.com/5412ad400001e52014280484.jpg" alt="1 slide">
<div> 11 英寸 MacBook Air 充电一次可运行长达 9 小时，而 13 英寸机型则可运行长达 12 小时</div>
            </div>
            
            <div class="item ">
     <img src="http://img.mukewang.com/5412ad7c0001d2eb10880541.jpg" alt="2 slide">
<div>无论是什么任务，配备 Intel HD Graphics 5000 图形处理器的第四代 Intel Core 处理器都能应对自如</div>
            </div>
            
            <div>
     <img src="http://img.mukewang.com/5412ae5c0001653b12800644.jpg" alt="3 slide">
<div>有了新一代 802.11ac 技术，MacBook Air 令 Wi-Fi 速度超越极限。</div>
            </div>

   </div>

<a class="left carousel-control" href="#dpc" role="button" data-slide="prev">
<span glyphicon-chevron-left></span>
<span>&lsaquo;</span>
</a>
<a class="right carousel-control" href="#dpc" role="button" data-slide="next">
<span glyphicon-chevron-right></span>
<span>&rsaquo;</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>


    0
  • tjmlzl
    2016-06-19 20:53:11

    是 发布在 Web服务器上不显示吗？如果是这样，设置web服务器支持字体文件

    0