elementplus的Bootstrap的响应式布局

最新推荐文章于 2025-04-07 11:25:40 发布

前端小云儿

最新推荐文章于 2025-04-07 11:25:40 发布

阅读量225

点赞数

分类专栏： vue技能提升文章标签： bootstrap javascript 前端

本文链接：https://blog.csdn.net/jieweiwujie/article/details/143385032

版权

vue技能提升专栏收录该内容

71 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

<template>
  <div class="about">
    <div>
      <h3>elementplus的Bootstrap的响应式布局</h3>
      <di
        >当屏幕尺寸大于1200px 使用lg；大于992时使用md ；大于768使用sm
        最后使用xs</di
      >
      <h1>This is an login page</h1>
      <el-row>
        <el-col :lg="18" :md="12" :sm="6" :xs="0"
          ><div class="grid-content ep-bg-purple" />
          大背景</el-col
        >
        <el-col :lg="6" :md="12" :sm="18" :xs="24"
          ><div class="border-1 py-2 px-10 flex justify-center content-center">
            <el-button @click="log

了解本专栏