当前位置: 首页 > 编程笔记 >

向Bootstrap列表组中的活动列表项添加背景色

公西宏毅
2023-03-14
本文向大家介绍向Bootstrap列表组中的活动列表项添加背景色,包括了向Bootstrap列表组中的活动列表项添加背景色的使用技巧和注意事项,需要的朋友参考一下

使用.active类将灰色背景色添加到Bootstrap列表组中的活动列表项中。

您可以尝试运行以下代码将背景色添加到活动列表项中-

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class = "container">
         <h2>Features of Java</h2>
         <div class = "list-group">
            <a href = "#" class="list-group-item active">Interface</a>
            <a href = "#" class="list-group-item">Multi-threading</a>
            <a href = "#" class="list-group-item">Packages</a>
            <a href = "#" class="list-group-item">Collection</a>
            <a href = "#" class="list-group-item">Serialization</a>
         </div>
      </div>
   </body>
</html>
 类似资料:
  • 问题内容: 我有一个列表,并且每个项目都已链接,有没有办法我可以为每个项目替换背景颜色? 问题答案: 一些可爱的CSS3怎么样?

  • 我在写一个背包问题的代码。有一个有重量容量的背包,你选择一个特定的项目组合,以找到最好的解决方案。我试图随机生成可能的解决方案。因此,我的代码将选择随机数量的随机项(生成一个随机大小的列表),并测试解决方案是否可行(小于容量)或不可行(大于容量)。然而,当我试图把所有物品的总重量和总价值相加时,这个数字是关闭的。比如说,这是每一项的数据。 10 27 72 所以值是不正确的。但我看不出我的代码有什

  • 我想在表的第二列中追加 。输出应为 我不想使用,因为我需要在我的实际问题中追加嵌套的div。我制作了同样的小示例。JsFiddle

  • 主要内容:实例,向列表组添加徽章,实例,向列表组添加链接,实例,向列表组添加自定义内容,实例,水平列表,实例本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下: 向元素 <ul> 添加 class .list-group。 向 <li> 添加 class .list-group-item。 下面的实例演示了这点: 实例 <ul class="list-group"> <li class="list-group-item">免费域名注册</li>

  • 本文向大家介绍向Bootstrap 4卡添加灰色背景色,包括了向Bootstrap 4卡添加灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要为Bootstrap 4卡添加灰色背景色,请将该卡类与bg-dark上下文类一起使用- 将卡主体设置在相同的<div>类中- 让我们看看完整的示例,向Bootstrap卡添加灰色背景色- 示例

  • 我有一个输入字段,它使用的是。下面的确实返回了我的列表 该列表以代码隐藏方式生成,如下所示 我的观点 但是当我运行代码时,我得到了以下错误 \n\nSCRIPT1004:预期; 下面是它返回的一些结果:$(函数(){var list=list[2103]; 注意:所有粗体的措辞都是我的清单失败的地方。 我试着做