bootstrap入门 —— 列表

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


运行程序，结果如下图：


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

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


运行程序，结果如下


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,026评论 19赞 139
  • Bootstrap（基础一）
    Bootstrap是什么？ 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,936评论 3赞 184
  • Java初级面试题
    1. Java基础部分 基础部分的顺序：基本语法，类相关的语法，内部类的语法，继承相关的语法，异常的语法，线程的语...
    子非鱼_t_阅读 31,785评论 18赞 399
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,705评论 25赞 709
  • 四十多年前，母亲讲过的一个故事：《大门栓二门鼻》
    母亲很勤快。那时，她在生产队的田地里干活，割麦、插秧、除草、施肥，哪一样活都做得风风火火，任务完成的质量也是没说的...
    单老师码字阅读 11,551评论 0赞 4