Html 引导指示器编号，更改颜色

我正在为学校做一个项目。我必须使一个网站与引导3完全一样：和

我几乎看完了这一页，但我被卡住了。我想要像我用黑色标记的图片那样的指示器编号

我如何创建这样的指标

在互联网上搜索后，我得到了如下信息：。问题是我不能在页面被访问后将数字变成红色

谢谢你的帮助

很抱歉这张糟糕的照片和我的英语。如果有什么事情没有说清楚，问一个问题，我会回答的

*{
保证金：0；
}
html，正文{
身高：100%；
背景色：rgb（228228228）；
}
#内容容器{
高度：自动！重要；
最小高度：100%；
保证金：0自动；
}
.小组{
宽度：99%；
左边距：0.4%；
盒影：4px4px8px0RGBA（0,0,0,0.2），
0.6px20px0rgba（0,0,0,0.19）；
}
#页脚{
最小高度：18%；
利润率最高：2%；
垫面：2%；
背景色：rgba（1931881880.55）；
字体大小：12px；
}

Werken met Bootstrap





海牙学生酒店


1
2
3
欢迎光临！让我们预订一个你喜欢的房间。

请提供以下信息，我们将谨慎处理数据。


先生
夫人
名字：
姓氏：


离港日
返回日期
房间
1间
2间
3间
4间



尼夫曼斯特拉特123


1234海牙


荷兰




&抄袭；2018年酒店预订


有用的链接












公司

CSS：

HTML:

1
2
3

你能分享你的代码（html+css）吗？但是你还没有将任何样式应用到指示器上，或者如果你想从你提供的链接中实现，那么只需添加

转盘指示器编号li。同样在cssI中访问了
，我改为背景色红色#337ab7。但是它不起作用希望你在“html”中也做了必要的更改？我的意思是，将类添加到标记中是行不通的，这就是漏洞问题。我尝试了很多方法，但仍然不起作用。如果你能告诉我参观后它会是红色的，并且保持红色，我将不胜感激。
.carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  transition: all 0.25s ease;
}
.carousel-indicators-numbers li.visited, .carousel-indicators-numbers li:hover, .carousel-indicators-numbers li.active {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  background-color: red;
}

<ol class="carousel-indicators carousel-indicators-numbers">
    <li data-target="#myCarousel" data-slide-to="0" class="active">1</li>
    <li data-target="#myCarousel" data-slide-to="1">2</li>
    <li data-target="#myCarousel" data-slide-to="2">3</li>
</ol>