bootstrap中的行和列布局


<!doctype html>
<html >
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">第一行第一列</div>
<div class="col-md-3">第一行第2列</div>
<div class="col-md-3">第一行第3列</div>
<div class="col-md-3">第一行第4列</div>
</div>
<div class="row">第二行</div>
<div class="row">第3行</div>

<div class="row">第4行</div>

</div>
</body>

</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM