在 Bootstrap 3 页脚中设计 GoDaddy 站点密封件答案

【问题标题】：Styling a GoDaddy site seal in a Bootstrap 3 footer在 Bootstrap 3 页脚中设计 GoDaddy 站点密封件
【发布时间】：2015-01-09 01:20:41
【问题描述】：

我有两个网站封条，我正试图在一个简单的页脚中使其看起来不错，而 GoDaddy 的封条并不像 Trustwave 的那样好用，即...

<div class="container">
      <div class="row">
        <div class="footer">
          <div class="col-md-6 col-sm-12 ">
            <script type="text/javascript" src="https://sealserver.trustwave.com/seal.js?code=<?= $this->model->getTWKey() ?>"></script>
          </div>
          <div class="col-md-6 col-sm-12 ">
            <span id="cdSiteSeal2"><script type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?scriptId=cdSiteSeal2&amp;cdSealType=Seal2&amp;sealId=55e4ye7y7mb73952743bf753a95b7cfvma3y7mb7355e4ye734fda9346a2ed18a"></script></span>
          </div>
        </div>
      </div>
    </div>

我认为这会起作用，但它对我来说并不好，即

http://www.sageccpayment.com/index.php?id=4

看起来 GoDaddy 印章正在填充整个 col-md-6 div 或其他东西。我不是设计师，所以我不太明白这里发生了什么。

【问题讨论】：

标签： css layout twitter-bootstrap-3

【解决方案1】：

您需要在两个 div 上强制使用相同的高度并将对象/图像居中

例子

<div class="container">
  <div class="row">
    <div class="footer">
      <div class="col-md-6 col-sm-12 text-center" style="height: 150px;">
        <script type="text/javascript" src="https://sealserver.trustwave.com/seal.js?code=<?= $this->model->getTWKey() ?>"></script>
      </div>
      <div class="col-md-6 col-sm-12 text-center" style="height: 150px;">
        <span id="cdSiteSeal2"><script type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?scriptId=cdSiteSeal2&amp;cdSealType=Seal2&amp;sealId=55e4ye7y7mb73952743bf753a95b7cfvma3y7mb7355e4ye734fda9346a2ed18a"></script></span>
      </div>
    </div>
  </div>
</div>

【讨论】：