BootTrap按钮切换部分按钮

Question

我正在尝试将ShareThis代码嵌入到使用Bootstrap创建的网站中。

问题在于，由于某种原因，两个按钮的底部都被切断了，而且我似乎无法使用Bootstrap列偏移使按钮居中，因为使用此方法似乎无法使两个按钮完全居中。

这里有什么解决方案？

  <div class="row">
    <div class="col-lg-12">
      <span class='st_facebook_vcount' displayText='Facebook'></span>
      <span class='st_twitter_vcount' displayText='Tweet'></span>
    </div>
  </div>

Answer 1

我不太熟悉ShareThis按钮，你有链接查看网站吗？

关于居中，目前您正在使用col-lg-12，这意味着它占据了宽度的100％，并且默认情况下内部（您的按钮）内的所有内容都将保持对齐。您不一定需要使用引导列偏移，而只需将跨度放在包装器中，如下所示。您可以在此处找到有关Bootstrap Grid的更多信息http://getbootstrap.com/css/#grid。

<div class="row">
  <div class="col-lg-12">
    <div class="social-wrapper">
      <span class='st_facebook_vcount' displayText='Facebook'></span>
      <span class='st_twitter_vcount' displayText='Tweet'></span>
    </div>
  </div>
</div>

然后将text-align：center添加到包装器。

.social-wrapper {
    text-align: center;
}

在这里查看一个JSFiddle：https://jsfiddle.net/hez7pqbo/