bootstrap入门 —— 列表

作者: 我去_6aee | 来源:发表于2017-11-12 20:31 被阅读32次

一、bootstrap给我们提供了文体显示与隐藏的功能,用法如下:

运行程序,结果如下图:

结果发现:.hidden里面的内容隐藏不见了。

二、列表 HTML中列表有无序列表<ul> 和有序列表<ol>两种: list-unstyled:去掉列表前面的样式如小黑;list-inline列表在一行显示,例:创建一个无序列表 ,行级显示 ,距离左边100px,文字大小为20px,字体颜色为红色,元素间距上下为0,左右为20px.代码如下图

运行程序,结果如下

相关文章

  • bootstrap入门 —— 列表

    一、bootstrap给我们提供了文体显示与隐藏的功能,用法如下: 运行程序,结果如下图: 结果发现:.hidde...

  • bootstrap开发管理后台之二:列表绑定接口动态数据

    bootstrap开发管理后台之二:列表绑定接口动态数据 bootstrap官网有入门教程,但是对于完全的web小...

  • Bootstrap列表

    用一张思维导图简单介绍一下Bootstrap列表吧 1. 无序列表### 2. 有序列表### 会发现有序和无序列...

  • Bootstrap学习资源

    bootstrap笔记总结 Bootstrap入门笔记之(三)栅格系统 我的Bootstrap笔记,常用类名知...

  • Bootstrap

    Bootstrap中文网在简书上看到的一篇不错的关于bootstrap的文章。另一篇Bootstrap快速入门 1...

  • 前端快速开发框架BootStrap示例

    参考为什么前端工程师多不愿意用 Bootstrap 框架?boostrap入门示例Github bootstrap...

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

    简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件...

  • 第十三谈:列表组

    本节课我们来开始学习 Bootstrap 的提供的列表组功能。 一.列表组 列表组 ul 使用.list-grou...

  • BootStrap入门

    Q1:BootStrap是什么? 简单、灵活的用于搭建Web页面的HTML、CSS、JS的工具集,即前端开发框架

  • Bootstrap入门

    Bootstrap简介Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。是基于 HTML、CSS...

网友评论

    本文标题:bootstrap入门 —— 列表

    本文链接:https://www.haomeiwen.com/subject/poyomxtx.html