Html 如何对齐页脚内版权文本旁边的社交类按钮？

我根据github的要点将类似社交的按钮对齐在同一高度，但我不确定为什么它没有对齐到我的版权文本旁边。它显示了新行下的按钮，但我希望它显示在版权文本的同一行。我也在为此使用引导。我该如何解决这个问题

html:

只需添加此css即可

.container span, .container .social {
  display: inline-block;
}

只需添加这个css

.container span, .container .social {
  display: inline-block;
}

---

您还必须为

版权

添加css，并在

社交

类的编辑中添加以下css：

.copyright{display:inline-block;}

将display:inline块添加到以下类

.social {font-size: 1px; display:inline-block;}

---

您还必须为

版权

添加css，并在

社交

类的编辑中添加以下css：

.copyright{display:inline-block;}

将display:inline块添加到以下类

.social {font-size: 1px; display:inline-block;}

---

您可以使用bootstrap grid system使两列相邻，因此您可以使用col-md-6将版权包装如下：

<div class="col-md-6">
     <span class="copyright text-muted">Copyright ©2016 example.com. All Rights Reserved</span>
</div>

版权所有©2016 example.com。版权所有

社交网络也是如此：

<div class="col-md-6">
    <div class="social">  
      ...
    </div>
</div>

...

您可以使用引导网格系统使两列相邻，因此您可以使用col-md-6将版权包装如下：

<div class="col-md-6">
     <span class="copyright text-muted">Copyright ©2016 example.com. All Rights Reserved</span>
</div>

版权所有©2016 example.com。版权所有

社交网络也是如此：

<div class="col-md-6">
    <div class="social">  
      ...
    </div>
</div>

...

查看此项在大屏幕中查看此项在大屏幕中查看