Question

我的网站wisderm.com的首页上有Twitter Follow和Facebook按钮。虽然在移动设备上，Facebook按钮与Twitter按钮不在同一行，即使我将它们放在带有“行”类的div中。

<!-- Social -->
<div class="container">
<div class="row">
    <a href="https://twitter.com/wisderm" class="twitter-follow-button" data-show-count="false" data-size="large" data-lang="en">Follow @wisderm</a>
    <div class="fb-like" data-href="https://facebook.com/wisdermcom" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
</div><!-- end of row -->
</div><!-- end of container -->

这是为什么？是因为Twitter按钮位于iframe中吗？我该如何解决？

我的Nexus 4上的图片：Messed up Facebook and Twitter buttons

使用display: inline !important时的图片：Messed up buttons 2

Answer 1

您可以使用ul和li并在li上应用如下所示的CSS（您也可以使用类）。

ul li {
float:left;
list-style:none;
margin-right:1em;
}

Bootstrap 3“row”类无法在移动设备上运行？

1 个答案: