Bootstrap登录框自适应水平居中+垂直居中

最新推荐文章于 2024-05-26 13:30:44 发布

shenzhen_zsw

最新推荐文章于 2024-05-26 13:30:44 发布

阅读量4.4w

点赞数 2

分类专栏：【WEB】Bootstrap 文章标签： Bootstrap

本文链接：https://blog.csdn.net/shenzhen_zsw/article/details/75331515

版权

用户登录 /*web background*/ .container{ display:table; height:100%; } .row{ disp

摘要由CSDN通过智能技术生成

<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">
        <title>用户登录</title>
        <!-- Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <style>
            /*web background*/
            .container{
                display:table;
                height:100%;
            }

            .row{
                display: table-cell;
                vertical-align: middle;
            }
            /* centered columns styles */
            .row-centered {
                text-align:center;
            }
            .col-centered {
                dis