boostrap 4排休息

时间:2018-05-09 10:26:28

标签: grid bootstrap-4 row col

我不明白为什么行会在小型设备上中断。 它在一排内,总共有12列

在此处运行代码示例:https://www.bootply.com/Q21DfU6QES。 请选择移动视图并将其缩小 e.g。

enter image description here

代码

<div class="row" style="background-color:red;">
  <div class="col-1" style="background-color: #0F0">
    IMAGE
  </div>
  <div class="col-4" style="background-color: #0D0">
    Account info
  </div>
  <div class="col-4" style="background-color: #0B0">
    Account Name
  </div>
  <div class="col-3" style="background-color: #090">
    IsValid or not
  </div>
</div>

0 个答案:

没有答案