.row{
            border: dashed 1px red;
            margin: 10px 0;
        }
        .col-sm{
            border: solid 1px blue;
            background: #EFEFEF;
        }
        
         .container2 {
          display: flex;
          flex-wrap: wrap;
        }
        .column2 {
          padding: 10px;
          box-sizing: border-box;
        }
        .left-column2 {
          flex: 1; /* 占据更多的空间 */
          background-color: #f8f9fa;
        }
        .right-column2 {
          flex: 1; /* 占据剩余空间 */
          background-color: #e9ecef;
        }

        .container3 {
          display: flex;
          flex-wrap: wrap;
        }
        .column3 {
          flex: 1; /* 占据剩余空间 */
          padding: 10px;
          box-sizing: border-box;
        }
        .left-column3 {
          background-color: #f8f9fa;
        }
        .middle-column3 {
          background-color: #e9ecef;
        }
        .right-column3 {
          background-color: #dee2e6;
        }