你好，這是我的angular應(yīng)用程序，我的目標(biāo)是有一個(gè)響應(yīng)頁(yè)面，盡管使用了col和row，但我沒(méi)有得到我想要的結(jié)果:

.red {
  height: 100vh;
  background-color: aqua;
}

.green {
  height: 30%;
  margin: 1%;
  background-color: green;
}

.bleu {
  background-color: blue;
}

.block {
  background-color: white;
  margin: 2%;
  width: 40%;
  height: 300px;
}

<div class="row">
  <div class="col-md-2 red ">
    sidebar
  </div>
  <div class="col-md-10  bleu">
    <h1> overview </h1>
    <div class=" row green"> block </div>
    <div class="row">
      <div class="col block">
        block1
      </div>
      <div class="col block ">
        block2
      </div>
    </div>
  </div>
</div>

假設(shè)您正在使用bootstrap，您忘記了添加col類(lèi)。見(jiàn)下文:

<div class="row">
  <div class="col col-md-2 red ">sidebar</div>
  <div class="col col-md-10  bleu">
    <h1> overview </h1>
    <div class="row green"> block </div>
    <div class="row">
      <div class="col block">block1</div>
      <div class="col block ">block2</div>
    </div>
  </div>
</div>