bootstrap-列表组--基础列表组

1.运行效果如图所示

2.实现代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>列表组--基础列表组</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" 
    href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
    crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" 
    href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" 
    integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" 
    crossorigin="anonymous">
</head>
<body>
    <ul class="list-group">
        <li class="list-group-item">揭开CSS3的面纱</li>
        <li class="list-group-item">CSS3选择器</li>
        <li class="list-group-item">CSS3边框</li>
        <li class="list-group-item">CSS3背景</li>
        <li class="list-group-item">CSS3文本</li>
    </ul>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" 
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
    crossorigin="anonymous"></script>
</body>
</html>

时间： 2024-10-08 02:45:16

bootstrap-列表组--基础列表组的相关文章

bootstrap-列表组--组合列表项的状

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>列表组--组合列表项的状</title> <!-- 最新版本

Bootstrap提供了六种列表效果

列表--简介在HTML文档中,列表结构主要有三种:有序列表.无序列表和定义列表.具体使用的标签说明如下: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootstrap根据平时的使用情形提供了六种形式

用户,组和权限管理 1.用户用户类别: 管理员普通用户系统用户登陆用户用户标识:userID UID 16bits二进制数字:0-65535 管理员:0 普通用户:1-65535 系统用户:1-499(centos6),1-999(centos7) 登陆用户:500-60000(centos6),1000-60000(centos7) 名称解析:名称转换 username <--->UID 根据名称解析库进行:/etc/passwd 2组组类别1: 管理员组普通用户组系统组登

Bootstrap历练实例：按钮组大小

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:按钮组大小</title> <meta charset="utf-8" /> <meta name="viewpor

week_one-python基础列表增删改查

# Author:larlly'''#列表增删改查#定义列表name = ["wo","ni","ta","wo"] #定义列表num_list = list(range(1,10)) #range生成范围的数,强制转化为列表#查print(num_list)print(name[0])print(name[0:2]) #顾头不顾尾print(name[-1])print(name[:]) #取所有值print(name[-3

基于bootstrap的jQuery多级列表树插件

http://www.cnblogs.com/mfc-itblog/p/5233453.html http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html http://www.htmleaf.com/Demo/201502141380.html 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和

jquery中的三组基础动画以及自定义动画

Jquery基础三组动画 1.show(),hide(),toggle() 改变宽高透明度 2.fadeIn(),fadeout(), fadeToggle() 改变透明度(淡入,淡出效果) 3.slideDown(),slideUp(),slideToggle() 改变高度语法: show(time,callback) time时间,单位是毫秒回调函数,当动画执行完成后执行自定义动画 animate 参数1:比传参数 ,样式对象参数2:动画时间,默认 400ms (fast,norma

python基础——列表、字典

Python核心数据类型--列表列表是一个任意类型的对象的位置相关的有序集合,它没有固定的大小.大小可变的,通过偏移量进行赋值以及其他各种列表的方法进行调用,能够修改列表.其他更多的功能可以查阅python的标准手册,或者运行help(list)或dir(list)查看list方法的完整清单. 任意对象的有序集合:从功能上看,列表是收集其他对象的地方,同时列表所包含的每一项都保持了从左到右的位置顺序. 通过偏移读取:可以通过列表对象的偏移对其进行索引,从而读取对象的某一部分内容.由于列表的每一

python基础列表

列表作为有序数据类型.大部分操作和字符串类似.别如获取列表的元素:切片操作等. 1:索引(下标) 2:增.删.改.查 3:常用函数 4:列表解析一:索引: 通字符串一样,从左到右.索引从0开始到len(list)-1结束. 从右到左,-len(list)到-1. a=[1,2,3,4] print(a[0]) print(a[-1]) 1 4 二:1.列表增加一个元素.append()函数默认从最后加.insert(index,object)可以指定位置加入元素. a=[1,2,3,4] b=