html - 带有列的面板页脚 Bootstrap ，它不会出现在同一行中

Question

我想在 Bootstrap 中有一个包含三列的面板页脚。

左侧第一列中的文本和右侧其他列中的两个图标。

代码如下:

<div class="panel-footer clearfix">
  <div class="row">
            <div class="col-md-7"><p>Description: Chart </p>

            </div>

            <div class="col-md-1 col-md-offset-7">
                <span id="logos" class="material-icons"></span>

            </div>

            <div class="col-md-2 col-md-offset-9">
                <span id="logos" class="glyphicon glyphicon-star"></span>
            </div>
        </div>
  <div></div></div>

结果是:

它们似乎在不同的三排，为什么？怎么了 ？我希望符号在顶部而不是底部对齐。

Answer 1

由于-offset-*的使用不当，我解决了这个问题。

在我之前的回答中，我使用了 -offset-7 和 -offset-9，它们在范围之外。 bootstrap 中的最大列数 12 列。

<div class="row">
                <div class="col-md-9">

                    Description: {{entry.description}}


                </div>

                <div class="col-md-1">
                    <span id= "logos" class="material-icons" >&#xE85B;</span>

                </div>

                <div class="col-md-1" >
                    <span id= "logos" class="glyphicon glyphicon-star"></span>
                </div>
            </div>