Html 使用引导垂直对齐div

最后两个白色矩形div与其他两个没有对齐

HTML:

所有交易
生意
设计
发展
市场营销
出售
支持
生产率
自己动手做
学问
生活

---

如何将它们与其他对齐？

最快的方法是添加一个垫片：

<div class="col-md-2 dealsdiv">&nbsp;</div>

以前

<div class="col-md-4 dealsdiv" id="businessfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;">
   <div class="col-xs-4" style="position:relative;top:25%;">
      <img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/cl.png">
   </div>
   <div class="col-md-8" style="position:relative;top:15%;">
      Clik Lawyer<br>
      <span style="color:#888;">
          10% discount on all money recovery matters.
      </span>
   </div>
</div>

克里克律师

所有款项回收事宜的10%折扣。

但最整洁的方式是有3列

---

一个用于导航（

col-md-2

），然后剩下的两列（

col-md-5

）将是您的内容，每列四行。

最快的方法是添加一个间隔符：

<div class="col-md-2 dealsdiv">&nbsp;</div>

以前

<div class="col-md-4 dealsdiv" id="businessfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;">
   <div class="col-xs-4" style="position:relative;top:25%;">
      <img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/cl.png">
   </div>
   <div class="col-md-8" style="position:relative;top:15%;">
      Clik Lawyer<br>
      <span style="color:#888;">
          10% discount on all money recovery matters.
      </span>
   </div>
</div>

克里克律师

所有款项回收事宜的10%折扣。

但最整洁的方式是有3列

---

一个用于导航（

col-md-2

），然后剩下的两列（

col-md-5

）将是您的内容，每列有四行。

查看您的源代码-我看到您将左框正确地包装在一列中-但您没有包装右栏。它们总共需要12列

<div class="row">
    <div class="col-md-2"> LEFT HAND CONTENT</div>
    <div class="col-md-10">All of your buttons go here</div>
</div>

左手内容
你所有的按钮都在这里

查看您的源代码-我看到您将左侧框正确地包装在一列中-但您没有将右侧列包装。它们总共需要12列

<div class="row">
    <div class="col-md-2"> LEFT HAND CONTENT</div>
    <div class="col-md-10">All of your buttons go here</div>
</div>

左手内容
你所有的按钮都在这里

我已经在你告诉我的地方添加了col-md-10，现在它对齐了，但宽度变小了，你能在StrillingMinds.com/partners上看到它吗？很简单，因为你的元素仍然是

col-md-4

。如果你想使用

col-md-5

作为父div，你应该指定

col-md-10

。没问题@RuiFarinha，KorgrueI的支持者已经在你告诉我的地方添加了col-md-10，现在它对齐了，但宽度变小了，你能在stiringminds.com/partners上看到吗？简单，因为您的元素仍然是

col-md-4

。如果要将

col-md-10

用作父div，则应指定

col-md-5

。没问题@RuiFarinha，Korguehey的支持者如果div是静态的，这将起作用。无论何时按下列表中的某个单词，它都会过滤矩形，在这种情况下，当它使用间隔符加载div时，它会变形。如果div是静态的，这将起作用。每当您按下列表中的一个单词时，它都会过滤矩形，在这种情况下，当它用间隔符加载div时，它会变形