我对编程很新，而stackoverflow到目前为止非常有用。很抱歉，如果这些问题对你们中的某些人来说看起来有点简单，但我真的无法想出这个问题：
我正在使用Bootstrap开发我的页面并创建了一个工作正常的按钮。就在那个按钮下面，我想要Facebook-Like＆amp; Twitter按钮。这就是我想要的。但有趣的是，FB按钮总是显示在同一行（因此BOOTSTRAP按钮的左侧（这就是我在代码中命名的方式）。
<a href="#Meinung" class="btn btn-primary btn-lg pull-right smoothScroll" style="display: block">BOOTSTRAP BUTTON</a>
<div class="fb-like pull-right" data-href="http://www.hafenkran-zuerich.ch" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
如您所见，我将按钮的样式设置为：display：block。但Facebook按钮仍显示在左侧。我甚至尝试将BOOTSTRAP BUTTON设置为a，这是默认的块元素。但这也没有解决问题。有什么想法吗？
答案 0 :(得分：1)
尝试从Bootstrap按钮和Facebook按钮中删除pull-right类。
该类导致两个元素都向右浮动，这就是它们彼此相邻显示的原因。
这是一个小提琴：http://jsfiddle.net/JkD8g/
但是，如果您需要在两个元素上保留pull-right类，则可以通过将clear:right或clear:both应用于Facebook按钮来清除Bootstrap按钮的浮动。
这是另一个小提琴：http://jsfiddle.net/Hudpz/