HTML-示例） 

<!doctype html>
<html>
<head>
<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 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 @ 2023-03-11 19:23  fushuxuan1  阅读(19)  评论(0)    收藏  举报