Question

我有两列：

<div class="col-md-12">
  <div class="col-md-4></div>
  <div class="col-md-8></div>
</div>

现在＆＃34; col-md-4＆＃34;列我必须在7等于列。

我该怎么做？

Answer 1

尝试这样，然后根据需要放大width .col-md-1。您将.col-md-4划分为7等于列。

 <div class="col-md-12">
     <div class="col-md-4>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
         <div class="col-md-1">1</div>
      </div>
      <div class="col-md-8">2</div>
  </div>

Answer 2

您必须修改默认的12列布局

<style>
  .newcol-md-1 {
 position: relative;
 padding-left: 10px;
 padding-right: 10px;
 float: left;
 width: 14.285714285714286%;
 }
 </style>

 <div class="col-md-12">
   <div class="col-md-4>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
     <div class="newcol-md-1">1</div>
    </div>
  <div class="col-md-8">2</div>
</div>

如何在Bootstrap 3中正确划分col-md-12

2 个答案: