###前提・実現したいこと
スライドするための<と>のボタンを表示
###発生している問題・エラーメッセージ
(ブラウザはFirefoxです)
Bootstrapで画像のスライドを実装させると画像の赤く囲った部分のように「<」ボタンが「E079」、
「>」ボタンが「E080」となってしまいます。
また、左右の黒いグラデーションが画像からはみ出ている(画像の青く囲った部分)のがすごい気になるのですが、どうしても直せません。
分かる方がいたらよろしくお願いします。
###該当のソースコード
HTML
1<!DOCUMENT html> 2<html lang="ja"> 3 4<head> 5 <meta charset="utf-8"> 6 <title>--TITLE--</title> 7 <link href="css/bootstrap.css" rel="stylesheet"> 8 <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script> 9 <script src="js/bootstrap.min.js" type="text/javascript"></script> 10</head> 11 12<body> 13 <div id="Carousel" class="container center-block carousel slide" data-ride="carousel" data-interval="5000"> 14 <ol class="carousel-indicators"> 15 <li data-target="#Carousel" data-slide-to="0" class="active"></li> 16 <li data-target="#Carousel" data-slide-to="1"></li> 17 <li data-target="#Carousel" data-slide-to="2"></li> 18 </ol> 19 <div class="center-block carousel-inner" role="listbox"> 20 <div class="item active"> 21 <img src="images/0.jpg" alt="0"> 22 <div class="carousel-caption"></div> 23 </div> 24 <div class="item"> 25 <img src="images/1.jpg" alt="1"> 26 <div class="carousel-caption"></div> 27 </div> 28 <div class="item"> 29 <img src="images/2.jpg" alt="2"> 30 <div class="carousel-caption"></div> 31 </div> 32 </div> 33 <a class="left carousel-control" href="#Carousel" role="button" data-slide="prev"> 34 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 35 <span class="sr-only">Previous</span> 36 </a> 37 <a class="right carousel-control" href="#Carousel" role="button" data-slide="next"> 38 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 39 <span class="sr-only">Next</span> 40 </a> 41 </div> 42</body> 43 44</html>
###試したこと
classとかの書き換え
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。