Bootstrap笔记——Checkbox选项组

1.创建一个面板

https://v3.bootcss.com/components/#panels-footer

 

2.创建一个带鼠标悬停的表格，放置在form标签中

https://v3.bootcss.com/css/#tables-hover-rows

 

3.在4行4列的表格中添加Checkbox按钮和普通按钮

https://v3.bootcss.com/css/#buttons-options

 

4.选择按钮图标

https://v3.bootcss.com/components/#glyphicons

<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>

 

5.选择分页样式

https://v3.bootcss.com/components/#pagination

 

6.添加自定义css样式

<style>
        .tablefruit {
            width: 100%;
            text-align: left;
        }
        .footeradd{
          padding: 0 15px;
        }
        .panel{
            width: 50%;
        }
        .add{
            padding: 10px 0 5px 15px;
        }

        .table>tbody>tr>td,.table>tbody>tr>th {
            vertical-align:middle;
            text-align: left;
        }
        
        .manual{
            width: 15%;
        }
        
    </style>

View Code