Facebookをログインボタンに適用する方法

Question

CSSを使用してFacebookのログインボタンを数ピクセルだけ押し下げて、ナビバーの他のすべてのものと整列させる方法が不思議です。ここで

含まログインボタンとナビゲーションバーのコードです。

<div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="index.php">Home</a></li> 
      <li><a href="404.html">About Us</a></li> 
      <li><a href="blog.php">Blog</a></li> 
      <li><a href="javascript:window.open('contact.php', 'Contact Us', 'width=500,height=500');">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <i class="icon-angle-down"></i></a> 
       <ul class="dropdown-menu"> 
        <li><a href="privacy.php">Privacy Policy</a></li> 
        <li><a href="terms.php">Terms of Use</a></li> 
        <li class="divider"></li> 
        <li><?php if (isset($_SESSION['name'])) { echo $_SESSION['name']; } ?></li> 
       </ul> 
      <li><?php if (isset($_SESSION['name'])) { } else { ?><div class="fb-login-button" data-scope="public_profile,email" onlogin="checkLoginState();"></div></li><?php } ?> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

こんにちはあなたはこのCSSコード

.nav .fb-login-button{ 
    margin-top:4px; /* or whater ever you want for margin top */ 
    } 

を使用することができますし、また、あなたが、私はこのヘルプを願っています。この

.nav .fb-login-button{ 
    vertical-align: middle; 
    } 

を使用することができます。

Answer 2

李

のLikeボタンの例にマージンを与える： -マージントップ：9px;

Answer 3

あなただけの直接Facebookのアイコンをターゲットと

position:relative; 
top:the position you want 

のCSSルールができ