} {% block content %}
6列 */ grid-column: span 6; } .col-7 { grid-column: span 7; } .col-8 { grid-column: span 8; } .col 6列 */ grid-column: span 6; } .col-7 { grid-column: span 7; } .col-8 { grid-column: span 8; } .col
-3"> <button class="btn btn-secondary">用户管理</button>
33.33%;} .col-5 {width: 41.67%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.64%;} .col
} .col-7 { width: 58.33%; float: left; } .col-8 { width: 66.66%; float: left; } .col
{ width: 58.33%; float: left; } .col-8 { width: 66.66%; float: left; } .col
41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col
margin: 0; 14 padding: 0; 15 } 16 .col-3{width: 25%;} 17 .col </style> 24 </head> 25 <body> 26
} .col-7 { width: 58.33%; float: left; } .col-8 { width: 66.66%; float: left; } .col
float: left; } .col-7 { width: 58.33%; float: left; } .col-8 { width: 66.67%; float: left; } .col
flex: 0 0 100%; } @media all and (min-width:600px){ .col{ flex: 1; } .col-10{flex:0 0 100%;} .col
5px; flex: 0 0 100%; } @media all and (min-width:600px){ .col{ flex: 1; } .col-10{flex:0 0 100%;} .col
-100 { height: 100vh; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col