资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Bootstrap列表组面板和嵌入组件

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


  • 1.这是起始

  • 2.这是第二条数据

  • 3.这是第三排信息

  • 4.这是末尾

创新互联公司专注于企业网络营销推广、网站重做改版、宁强网站定制设计、自适应品牌网站建设、成都h5网站建设商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宁强等各大城市提供网站开发制作服务。

//列表项带勋章

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

    //按钮式列表





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

    //情景类


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

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



    这里是详细内容区!

    //带标题容器的面板



    面板标题


    这里是详细内容区!

    //也可以设置标题元素


    面板标题


    //带注脚的面板

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

    //表格类面板



    表格标题


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














    123
    123

    //列表类面板



    表格标题


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



    • 1.这里是首页

    • 2.这里是第二个项目

    • 3.这里是第三个项目

    • 4.这里是第四个项目


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