<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap
</title>
<link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css">
<script src="../JS/jquery-3.2.1.min.js"></script>
<script src="../JS/bootstrap.js"></script>
<style type="text/css">
div[class*='col-']{background: #666;border: 1px #00f solid;color: white;min-height: 50px;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-1">col-lg-1
</div>
<div class="col-lg-11">col-lg-11
</div>
</div>
<div class="row">
<div class="col-md-6">col-md-1
</div>
<div class="col-md-6">col-md-1
</div>
</div>
<div class="row">
<div class="col-sm-4">col-sm-1
</div>
<div class="col-sm-4">col-sm-1
</div>
<div class="col-sm-4">col-sm-1
</div>
</div>
<div class="row">
<div class="col-xs-4">col-xs-1
</div>
<div class="col-xs-4">col-xs-1
</div>
<div class="col-xs-4">col-xs-1
</div>
</div>
<div class="row">
<div class="col-lg-4">col-lg-1
</div>
<div class="col-lg-4 col-lg-offset-4">col-lg-1
</div>
</div>
<div class="row">
<div class="col-lg-1 col-lg-push-11">col-lg-1
</div>
<div class="col-lg-11 col-lg-pull-1">col-lg-11
</div>
</div>
<div class="row">
<div class="col-lg-4">col-lg-1
</div>
<div class="col-lg-4 col-lg-offset-5">col-lg-1
</div>
</div>
<div class="row">
<div class="col-lg-4">col-lg-1
</div>
<div class="col-lg-4 col-lg-push-5">col-lg-1
</div>
</div>
<div class="row">
<div class="col-lg-6">col-lg-6
<div class="row">
<div class="col-lg-4">col-lg-4
</div>
<div class="col-lg-4">col-lg-4
</div>
<div class="col-lg-4">col-lg-4
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6col-lg-6
</div>
<div class="col-lg-3">col-lg-3
</div>
<div class="col-lg-3">col-lg-3
</div>
<div class="clearfix"></div>
<div class="col-lg-3">col-lg-3
</div>
</div>
</div>
</body>
</html>
转载请注明原文地址: https://www.6miu.com/read-1400116.html