0
ローカル環境では、スライダの丸いインジケータのCSSを変更しました。アップロードすると、パッケージはGitHubから更新され、変更内容は失われます。ブートストラップスライダのインジケータをスタイルするにはどうすればいいですか?
私たちは、独自のCSSファイルとスタイリングをブートストラップに追加することで対応します。これは、私たちがIDを持っているコンポーネントに最適です。しかし、私たちは、スライダのインジケータとして機能するドットのある物のIDについてはっきりしていません。
ブートストラップで提供されているクラスに自分のクラスを追加できるように、IDを見つける方法を教えてください。
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
...
私はあなたがブートストラップカルーセルを使用していると仮定し、そのIDを選択してナビゲーションドットのCSSを変更することに興味がありますか?カルーセルとそれを編集するために使用しているCSSのコードスニペットを挿入してください。 – arch1ve
@ arch1veあなたは行きます。あなたが見ることができるように、私はidによってではなく、クラスでそれらを参照することができます。また、明示的なクラスを設定すると、そのクラスの内部設定がオーバーライドされます。多分私たちは今問題を見ることはできませんが、後で、私は最初にやったばかげた何かのために川を泣いていますので、**将来の奇妙なことを診断するのが難しくなります。 –
ブートストラップの設定を上書きしなくても、すべてのナビゲーションドットに単に 'class'属性を追加することができます。とにかく既存のクラスの終わりにJavaScriptを介して 'active'クラスが追加されています。 – arch1ve