使用IDEA学习JSP代码第001课

最新推荐文章于 2022-08-10 21:11:28 发布
最新推荐文章于 2022-08-10 21:11:28 发布
阅读量204 收藏
点赞数
分类专栏： Java 文章标签： 学习 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/modern358/article/details/125192300
版权

new326.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
    <style rel="stylesheet">
        [class*="col-"]{
            border: 1px solid red;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
        </div>
        <div class="row">
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
        </div>
        <div class="row">
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
        </div>
        <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 class="row">
            <div class="col-lg-6">col-lg-6</div>
            <div class="col-lg-6">col-lg-6</div>
        </div>
        <div class="row">
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
        </div>
        <div class="row">
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
        </div>
        <div class="row">
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
        </div>
        <div class="row">
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
        </div>
        <div class="row">
            <div class="col-md-6">col-md-6</div>
            <div class="col-md-6">col-md-6</div>
        </div>
        <div class="row">
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
        </div>
        <div class="row">
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
        </div>
        <div class="row">
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
        </div>
        <div class="row">
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
        </div>
        <div class="row">
            <div class="col-sm-6">col-sm-6</div>
            <div class="col-sm-6">col-sm-6</div>
        </div>
        <div class="row">
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
        </div>
        <div class="row">
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
        </div>
        <div class="row">
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
        </div>
        <div class="row">
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
        </div>
        <div class="row">
            <div class="col-xs-6">col-xs-6</div>
            <div class="col-xs-6">col-xs-6</div>
        </div>
    </div>
</body>
</html>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
    <style rel="stylesheet">
        [class*="col-"]{
            border: 1px solid red;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
        </div>
        <div class="row">
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
        </div>
        <div class="row">
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
        </div>
        <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 class="row">
            <div class="col-lg-6">col-lg-6</div>
            <div class="col-lg-6">col-lg-6</div>
        </div>
        <div class="row">
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
        </div>
        <div class="row">
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
        </div>
        <div class="row">
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
        </div>
        <div class="row">
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
        </div>
        <div class="row">
            <div class="col-md-6">col-md-6</div>
            <div class="col-md-6">col-md-6</div>
        </div>
        <div class="row">
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
        </div>
        <div class="row">
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
        </div>
        <div class="row">
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
        </div>
        <div class="row">
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
        </div>
        <div class="row">
            <div class="col-sm-6">col-sm-6</div>
            <div class="col-sm-6">col-sm-6</div>
        </div>
        <div class="row">
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
        </div>
        <div class="row">
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
        </div>
        <div class="row">
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
        </div>
        <div class="row">
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
        </div>
        <div class="row">
            <div class="col-xs-6">col-xs-6</div>
            <div class="col-xs-6">col-xs-6</div>
        </div>
    </div>
</body>
</html>

 

new327.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
    <style rel="stylesheet">
        [class*="col-"]{
            border: 1px solid red;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
            <div class="col-lg-1">col-lg-1</div>
        </div>
        <div class="row">
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
            <div class="col-lg-2">col-lg-2</div>
        </div>
        <div class="row">
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
            <div class="col-lg-3">col-lg-3</div>
        </div>
        <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 class="row">
            <div class="col-lg-6">col-lg-6</div>
            <div class="col-lg-6">col-lg-6</div>
        </div>
        <div class="row">
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
            <div class="col-md-1">col-md-1</div>
        </div>
        <div class="row">
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
            <div class="col-md-2">col-md-2</div>
        </div>
        <div class="row">
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
            <div class="col-md-3">col-md-3</div>
        </div>
        <div class="row">
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
        </div>
        <div class="row">
            <div class="col-md-6">col-md-6</div>
            <div class="col-md-6">col-md-6</div>
        </div>
        <div class="row">
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
            <div class="col-sm-1">col-sm-1</div>
        </div>
        <div class="row">
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
            <div class="col-sm-2">col-sm-2</div>
        </div>
        <div class="row">
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
            <div class="col-sm-3">col-sm-3</div>
        </div>
        <div class="row">
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
            <div class="col-sm-4">col-sm-4</div>
        </div>
        <div class="row">
            <div class="col-sm-6">col-sm-6</div>
            <div class="col-sm-6">col-sm-6</div>
        </div>
        <div class="row">
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
            <div class="col-xs-1">col-xs-1</div>
        </div>
        <div class="row">
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
            <div class="col-xs-2">col-xs-2</div>
        </div>
        <div class="row">
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
            <div class="col-xs-3">col-xs-3</div>
        </div>
        <div class="row">
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
            <div class="col-xs-4">col-xs-4</div>
        </div>
        <div class="row">
            <div class="col-xs-6">col-xs-6</div>
            <div class="col-xs-6">col-xs-6</div>
        </div>
    </div>
</body>
</html>

虾米大王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
idea中创建jsp项目详细步骤
m0_67401153的博客
06-03 2366
安装条件：idea软件、tomcat10、jdk111、打开idea，在file ->new ->project中新建一个普通的java项目2、在项目名右键Add Framework Support选项中，Web Application上打勾，点击OK。3、项目列表->web->WEB-INF，在WEB-INF下新建两个文件夹，分别是classes、lib4、按下ctrl+alt+shift+S，调出Project Structure，选到Modules->Paths，单选框选到Use module com
IDEA JSP项目构建及学习心得
weixin_34054931的博客
11-30 204
近期学习的东西比较杂乱，导致了很多东西都有些忘却。在这里记录一份心得。 简而言之JSP也就是Java代码在页面上的一种呈现方式，用于Web项目的前台展示。 在这里不做过多的阐述。 MVC设计模式，Servlet充当的是控制器，控制项目的显示 M 模型 V 视图。 项目暂时应用的是三层架构 DAO IMPl Service 项目其实来说大体没有什么东西，主要就是如何实现某一...
用idea编写第一个jsp文件
weixin_34113237的博客
09-03 1008
创建一个JAVA-web项目的前提：1、下载并安装JDK2、安装并配置Tomcat服务器 下面开始创建JAVA-web项目： 1、File——>new——>Project... 2、跟着下面的步骤：如果第2步找不到JDK说明你的JDK没有安装好或者没有配置好 3、跟着下面的步骤（突然发现自己已经创建了工程test13,然后在后续步骤中我将工程名改为test1...
2019年8月16号暑期训练
qq_44788119的博客
08-15 146
include的用法： <%-- Created by IntelliJ IDEA. User: Lenovo Date: 2019/8/15 Time: 15:00 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/...
使用IDEA学习JSP代码第007课
虾米大王的学习历程
06-15 118
new339.jsp new340.jsp
使用IDEA学习JSP代码第027课
虾米大王的学习历程
08-09 135
代码】使用IDEA学习JSP代码第027课。
使用IDEA学习JSP代码第028课
虾米大王的学习历程
08-10 158
代码】使用IDEA学习JSP代码第028课。
使用IDEA学习JSP代码第018课
虾米大王的学习历程
07-19 98
代码】使用IDEA学习JSP代码第018课。
使用IDEA学习JSP代码第019课
虾米大王的学习历程
07-21 158
代码】使用IDEA学习JSP代码第019课。
idea使用技巧、心得1
伟庭的博客
03-28 4069
idea使用技巧、心得1
Javaweb | cookie实现两周内免登录
quwenjing_blog
11-18 4620
目录 1. 问题 2.解决思路 3. 解决步骤 3.1 编写登录页面(lg.jsp) 3.2 编写一个登录成功页面(success.jsp) 3.3编写登录失败页面(fail.html) 3.4 写一个cookie的类用来存储从页面获取的用户信息(Login.java) 3.5在登录页面(lg.jsp)添加检索Cookie是否存在 4. 运行结果 1. 问题 在用户登陆界面中，输入账号和密码，登陆成功时，进入欢迎页面。在登录时，如果勾选了两周内免登录，则在下次登录时，可以不用输入密..
Bootstrap基本使用--栅格系统
qq_48113035的博客
03-03 1016
一、栅格系统 1.布局容器 bootstrap有两个布局容器，container和container-fluid，container布局的宽度会发生变化；container-fluid布局的宽度总是100%，主要用于移动端。 2.container布局容器的宽度变化。 宽度像素范围 类前缀 container容器最大宽度 左右内边距 大屏幕（大桌面显示器） >=1200px .col-lg- 1170px 各15px 中等屏幕（桌面显示
div 中id和class使用讲解
kele_jichi的博客
03-11 9357
在div 标签中，我们比较常见的属性是id 和class,那么这两个属性有什么区别吗？今天就来看看这两者的区别。其实id 和class是大部分标签都有的属性。其作用是让CSS或者JavaScript找到DOM元素并操作。 首先看看这两个属性在html中是如何使用的。 1.<div id="loading"> </div> 2.<div class="icon"&gt...
使用IDEA学习JSP代码第024课
虾米大王的学习历程
08-04 64
代码】使用IDEA学习JSP代码第024课。
idea中实现jsp
ljfgyy0205的博客
01-03 8454
一. 安装必备条件 Jdk11版本 Tomcat10版本 Idea2021版本 电脑版本windows10版本 二.安装步骤 1. 打开Idea 创建一个Project文件 File-New-Project (自己起个名) 2: 选中文件右键 --- Add Frameworks Support 在Web Application上打勾，点击OK 3: 展开文件->web->WEB-INF，在WEB-INF下新建两个文件夹，分别是cl...
HTML——响应式布局
zx2014567296的博客
05-30 6507
响应式布局 何为响应式布局
关于col栅栏系统与div自适应浏览器窗口
Nick_YayiAhoo的博客
12-04 1751
首先是关于col栅栏系统，比较系统的用法和规则在官网有介绍，这里说在项目开发中比较常见和容易忽略的问题。 1、col-lg、col-md、col-sm、col-xs四种： col-lg一般用于大屏设备， (min-width:1200px); col-md一般用于中屏设备， (min-width：992px); col-sm一般用于小屏设备， (min-width：768px);
bootstrap固定指定列_Bootstrap的栅格系统
weixin_36039434的博客
01-10 1167
Bootstrap包含了一个强大的移动优先的网格系统，它是基于一个12列的布局、有5种响应尺寸(对应不同的屏幕)。5种响应尺寸超小屏幕小屏幕中等屏幕大屏幕超大屏幕.container 最大宽度None (auto)540px720px960px1140pxclass.col-.col-sm-.col-md-.col-lg-.col-xl-列（column）数1212121212列间隙30px (每...
idea 注释jsp代码
最新发布
03-27
以下是示例JSP代码注释的示例： ``` <%-- This JSP page displays a list of products for sale. --%> <!DOCTYPE html> <title>Product List <th>Product Name <th>Description <th>Price ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持，我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值