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

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

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

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

Q&A

解決済

1回答

381閲覧

bootstrap4でcarousel-indicatorsが設置したい

d51

総合スコア6

Bootstrap

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

0グッド

0クリップ

投稿2020/02/20 15:03

編集2020/02/21 05:01

イメージ説明#Bootstrap4でcarousel-indicatorsを設置したい

前提・実現したいこと

スクショと同じようにindicatorsを設置したいです

発生している問題・エラーメッセージ

インジケーターが設置出来ない

該当のソースコード

<div id="slides" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <il data-target="slide" data-slide-to="0" class="active"></il> <il data-target="slide" data-slide-to="1"></il> <il data-target="slide" data-slide-to="2"></il> </ul> <div class="carousel-inner"> <div class="carousel-item active"> <img src="img/background.png" alt=""> <div class="carousel-caption"> <h1 display-2>Bootstrap</h1> <h3>Complete Website Layout</h3> </div> </div> <div class="carousel-item "> <img src="img/background2.png" alt=""> </div> <div class="carousel-item "> <img src="img/background3.png" alt=""> </div> </div> </div>

試したこと

ulをolにしてみた
最初から書き直してみた

補足情報(FW/ツールのバージョンなど)

イメージ説明
イメージ説明
一枚目が完成図です

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

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

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

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

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

x_x

2020/02/21 02:52

一枚目しかないようです。何かの間違いで画像が表示されていないかもしれないので確認願います。
d51

2020/02/21 05:02

失礼しました 追加させていただきました 一枚目が見本になります 二枚目が今の状態になります 画像はスライドするのですがインジケーターを表示出来ずに困っています
guest

回答1

0

ベストアンサー

il ではなく li (list item) です。data-target も

HTML

1 <li data-target="slides" data-slide-to="1"></li>

投稿2020/02/21 05:07

x_x

総合スコア13749

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

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

d51

2020/02/21 16:12

初歩的なミスでした ありがとうございます、ほんとに助かりましたm(__)m
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問