html - Bootstrap Inline Elements

Question

So at the top of my page I have a title and a facebook logo. Here's a working example: fiddle

So everything is in a neat row at the top of the page. However, I want the logo and the text Join us on... to be on the right side, and the heading stays where it is. I've tried adding class="pull-right" to the 2nd and 3rd <li> elements, like this. But you can see how that really screws up the vertical alignment. Other than the alignment that's how I want it to look.

Any ideas on how to fix the alignment?

Answer 1

別の要素を追加して、「プルライト」クラスを与える必要があります。あなたの参加コードはその中にあるはずです。

したがって、次のようにする必要があります。

<ul>
   logo
</ul>
<ul class="pull-right">
   join us
</ul>