私のブートストラップボタンをウェブページの中央に縦に並べるにはどうしたらいいですか？

Question

私のブートストラップボタンをウェブページの途中で縦に並べることができますか？私はvertical-align: top; を使ってみましたが、うまくいきませんでした。ここで

My site code.

私は、Webページの中央に縦線で次々に降りたいボタンにHTMLです。サイドノートとして

<ul class="list-inline intro-social-buttons"> 
    <li> 
     <a href="devpage.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Web Development Portfolio</span></a> 
    </li> 
    <li> 
     <a href="gfxdesign.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">GFX Design Portfolio</span></a> 
    </li> 
    <li> 
     <a href="about.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">About Me</span></a> 
    </li> 
    <li> 
     <a href="contact.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Contact Me</span></a> 
    </li> 
</ul> 

---

誰もそれははるかに高く評価されるだろうこれで私を助けることができれば。

<hr class="content-divider">の長さの幅を調整するにはどうすればよいですか。応答性が必要です。私は、それぞれの側のボタンがどこから終わるかを、その行が過去に行くことを望んでいません。

Answer 1

ul.intro-social-buttons li { 
padding-bottom: 10px; 
float: left; 
display: block; 
width: 100%; 
}