Bootstrap 实例——堆叠的水平 - 郭立恒

代码：

<!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>

<div class="container">
    <h1>Hello,world!</h1>

    <div class="row">
    <div class="col-md-6" style="background-color:#dedef8 ;box-shadow: inset 1px-1px #444,inset-1px 1px 1px#444;">
        <p>内容1</p>

        <p>童心少年</p>
    </div>
    <div class="col-md-6" style="background-color:#dedef8 ;box-shadow:inset 1px-1px 1px #444,inset-1px 1px 1px#444;">
        <p>C++</p>

        <p>信息学奥赛</p>
        </div>
        </div>
        </div>
        
</body>



</html>

执行结果：

posted on 2023-03-11 18:35 郭立恒阅读(18) 评论(0) 编辑收藏举报

刷新页面返回顶部