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>checkeredflags@gmail.com</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>checkeredflags@gmail.com</strong></p>
      <p>© 2017 <a href="index.html">Checkered Flags</a></p>
   </div>
</div>

Answer 2

看起来AVMediaTypeText类正在推动它以及col-md-offset-6。

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

右对齐一个bootstrap页脚

2 个答案: