右对齐的引导页脚

Question

我有一个设置如下页脚：

<hr> 
<footer> 
    <div class="row"> 
     <div class="col-md-6"> 
      <button type="button" class="btn btn-primary" onclick="window.location.href='Glossary.html'">Glossary</button> 
      <button type="button" class="btn btn-primary" onclick="window.location.href='Bibliography.html'">Bibliography</button> 
      <button type="button" class="btn btn-primary" onclick="window.location.href='For_Help.html'">Where To Go For Help</button> 
     </div> 
     <div class="col-md-6 col-md-offset-6" style="padding-top: 5px"> 
      <div class="panel panel-default"> 
       <div class="panel-body col-xl-1"> 
        <p> For questions or concerns regarding this webpage, contact: <strong>[email protected]</strong></p> 
        <p>© 2017 <a href="index.html">Checkered Flags</a></p> 
       </div> 
      </div> 
     </div> 
    </div> 
</footer> 

我怎么能设置它使得按钮在左侧，2个段落标记与对齐按钮，但是拉到屏幕的右侧？目前带段落的div位于按钮下方。理想情况下，他们只能去下当屏幕尺寸足够

Answer 1

小尝试这个

<div class="panel-body col-xl-1"> 
    <div class="pull-right"> 
     <p> For questions or concerns regarding this webpage, contact: 
     <strong>[email protected]</strong></p> 
     <p>© 2017 <a href="index.html">Checkered Flags</a></p> 
    </div> 
</div> 

Answer 2

貌似col-md-offset-6类推下来还有padding-top: 5px;。

请参见：https://codepen.io/anon/pen/ZJaJwe