console 命令行工具 X clear

console

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <div class="row">
    <div class="col-md-6 col-xs-3 bg-1">
    hellow world!
  </div>
    <div class="col-md-6 col-xs-9 bg-2">
        hahaha
    </div>
  </div>

</body>
</html>

.bg-1{
  background:pink;
  display:inline-block;
}

.bg-2{
  background:lightblue;
  display:inline-block;
}

@media (max-width:575px) {
  .col-xs-3{
    width:20%;
  }
  .col-xs-9{
    width:75%
  }
}


@media (min-width: 576px) and (max-width: 1198px){
  .col-md-6{
    width:40%;
  }
}