bootstrap 网格布局偏移

用户5760343

发布于 2022-01-10 08:24:51

8670

发布于 2022-01-10 08:24:51

文章被收录于专栏：sktj

sm md lg

image.png

offset值从1到11 div:container,row,col-md-6 col-md-offset-3

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 偏移列</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body>

<h1>Hello, world!</h1>

<div class="row" > <div class="col-md-6 col-md-offset-3" style="background-color: #dedef8;box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p> </div>

</div> </div>

</body> </html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019.05.19 ，如有侵权请联系 cloudcommunity@tencent.com 删除

html