如何实现3列和页脚的布局

Question

我正在尝试使用bootstrap 3.3构建此页脚。页脚看起来像这样：

文字左侧 - 社交图标 - 文字右侧

这是我尝试过的： http://jsfiddle.net/bsumgcpk/1/

            <div class="container black">

            <div class="col-xs-6 col-sm-4 white"><p> COPYRIGHT © 2014</p></div>
            <div class="col-xs-6 col-sm-4 white text-center"> 


                    <img src="icon-g-.png" alt="google+">
                        <img src="icon-twitter.png" alt="twitter">
                        <img src="icon-fb.png" alt="facebook">

            </div>
                        <div class="col-xs-6 col-sm-4 right"><p> right text</p></div>


        </div>

Answer 1

您忘记将列放在row div内。
Bootstrap有12列网格系统，因此列的总和应为12。
这就是我使用的原因大小为3的{​​{1}}列。

工作JSFiddle。

4

p {
    color: white;
}
.black {
    background: #000;
}
.right {
    text-align:right;
}