列表是几乎所有网站都会用到的一个组件,正好bootstrap也给我们提供了这个组件的样式,下面我给大家简单介绍一下bootstrap中的列表组件的用法!

首先,重提一下引用bootstrap的核心文件的问题,以免有些刚入手的朋友忘了这个。

在页面的开头,先引用bootstrap的核心文件(css,js)等。

<!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <!-- jQuery文件 -->
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- 下面这句话是为了让网页在手机端时禁止页面缩放,达到最佳视觉效果,在PC端可以注释掉 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
View Code

相关文章:

  • 2022-01-15
  • 2021-12-24
  • 2022-01-16
  • 2022-12-23
  • 2021-11-28
  • 2022-02-08
  • 2021-12-05
  • 2022-01-09
猜你喜欢
  • 2022-01-05
  • 2022-12-23
  • 2022-01-11
  • 2021-12-22
  • 2021-11-02
  • 2022-02-21
  • 2021-09-06
相关资源
相似解决方案