質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

927閲覧

bootstrap カルーセルが動かない

gomakasu423

総合スコア31

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/02/22 17:30

いつもお世話になっております。

bootstrap にてスライドショーを実装したいのですがうまく動きません。

何か記述ミスがあるのでしょうか??

お教えいただけたら幸いです。

html

1 2コード 3<!doctype html> 4<html lang="ja"> 5 <head> 6 <!-- Required meta tags --> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9 10 <!-- Bootstrap CSS --> 11 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 12 <link rel="stylesheet" type="text/css" href="stylesheet.css"> 13 <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> 14 15 <title>Responsive Bootstrap Website Start To Finish with Bootstrap</title> 16 </head> 17 <body> 18 <header> 19 <nav class="navbar navbar-expand-md navbar-light bg-light"> 20 <a class="navbar-brand" href="#"><img src="./img/logo.png"></a> 21 <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#Navber" aria-controls="Navber" aria-expanded="false" aria-label="ナビゲーションの切替"> 22 <span class="navbar-toggler-icon"></span> 23 </button> 24 <div class="collapse navbar-collapse navbar-right " id="Navber"> 25 <ul class="navbar-nav ml-auto"> 26 <li class="navbar-item"> 27 <a class="nav-link" href="#" >Home</a> 28 </li> 29 <li class="navbar-item"> 30 <a class="nav-link" href="#">About</a> 31 </li> 32 <li class="navbar-item"> 33 <a class="nav-link" href="#">Service</a> 34 </li> 35 <li class="navbar-item"> 36 <a class="nav-link" href="#">Team</a> 37 </li> 38 <li class="navbar-item"> 39 <a class="nav-link" href="#">Contact</a> 40 </li> 41 </ul> 42 </div> 43 </nav> 44 </header> 45 <div id="slide" class="carousel slide" date-ride="carousel"> 46 <ol class="carousel-indicators"> 47 <li data-target="#slide" date-slide-to="0" class="active"></li> 48 <li data-target="#slide" date-slide-to="1"></li> 49 <li data-target="#slide" date-slide-to="2"></li> 50 </ol> 51 <div class="carousel-inner"> 52 <div class="carousel-item active"> 53 <img src="./img/background.png" alt=""> 54 </div> 55 <div class="carousel-item"> 56 <img src="./img/background2.png" alt=""> 57 </div> 58 <div class="carousel-item"> 59 <img src="./img/background3.png" alt=""> 60 </div> 61 </div> 62 63 </div> 64 65 66 <!-- Optional JavaScript --> 67 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 68 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 69 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> 70 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> 71 </body> 72</html> 73

参考サイト
https://cccabinet.jpn.org/bootstrap4/components/carousel
https://www.youtube.com/watch?v=9cKsq14Kfsw&feature=youtu.be

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

スミマセン記述間違いでした。

投稿2019/02/22 17:46

gomakasu423

総合スコア31

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問