コードは次のようになります：
<！doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua互換" content = "ie = edge"> <meta name = "viewport" content = "width =" width = picter-with 1 pideテキスト</title> <link rel = "styleSheet" href = "//netdna.bootstrapcdn.com/boottrap/3.1.1/css/boottrap.min.css"> <style>.carousel {height：height：500px;}。 100％;} </style> </head> <body> <！ - carousel ad-> <div id = "lbbox" data-ride = "carousel"> <！ - dot button-> <ol> <li data-target = "＃lbbox" data-slide-to = "0" "> </li> <li> < Carousel Content-> <div role = "listbox"> <div> <img src = "http://img.mukewang.com/5412ad7c0001d2eb10880541.jpg"> <div> <h1>第4世代の第4世代のインテルコアプロセッサ</h1>グラフィックプロセッサは簡単に処理できます。 </p> <p> <a href = "＃" role = "button">私をクリックしてダウンロード</a> </p> </div> <div> <img src = "http://img.mukewang.com/5412AE5C0001653B12800644.JPG 802.11ACテクノロジー、MacBook Airにより、Wi-Fi速度が制限を超えています。 </p> <p> <a href = "＃" role = "ボタン">私をクリックしてダウンロード</a> </p> </div> </div> <！ - 左ボタン - > <a href = "＃lbbox" role = "data-lide =" prev "> <span aria-hidden =" true "> href = "＃lbbox" role = "button" data-slide = "next"> <span aria-hidden = "true"> </span> <span>次のページ</span> </a> </div> <スクリプトSrc = "http://cdn.bootcss.com/jquery/1.11.11/jquery.jin.js"> src = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>上記は、編集者がBootstrapに基づいた写真やテキストでカルーセルを広告する効果を実現するために紹介するものです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！