Bootstrap列表组面板和嵌入组件-创新互联-成都快上网建站

Bootstrap列表组面板和嵌入组件-创新互联

一.列表组组件
列表组组件用于显示一组列表的组件。
//基本实例


  • 1.这是起始

  • 2.这是第二条数据

  • 3.这是第三排信息

  • 4.这是末尾

创新互联-专业网站定制、快速模板网站建设、高性价比横峰网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式横峰网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖横峰地区。费用合理售后完善,10多年实体公司更值得信赖。

//列表项带勋章

  • 1.这是起始
    10
  • //链接和选

    //按钮式列表





    //设置项目被禁用
    class="list-group-item disabled"

    //情景类


  • 3.这是第三排信息
  • //定制内容

    二.面板组件
    面板组件就是一个存放内容的容器组件。
    //基本实例



    这里是详细内容区!

    //带标题容器的面板



    面板标题


    这里是详细内容区!

    //也可以设置标题元素


    面板标题


    //带注脚的面板

    //情景效果:default、success、info、warning、danger、primary

    //表格类面板



    表格标题


    这里是表格标题的详细内容!














    123
    123

    //列表类面板



    表格标题


    这里是表格标题的详细内容!



    • 1.这里是首页

    • 2.这里是第二个项目

    • 3.这里是第三个项目

    • 4.这里是第四个项目


    三.响应式嵌入组件
    根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定 内容的尺寸,能够在各种设备上缩放。
    这些规则可以直接用于