中心引导行和跨度 [英] Center Bootstrap Row and Spans

问题描述

我正在尝试使用bootsrap将行及其内部的跨度居中。

I'm trying to center a Row and the spans inside of it with bootsrap.

您可以在页脚中看到它：
http://www.divisionforty.com/wall/

You can see it in the footer here: http://www.divisionforty.com/wall/

我想在左侧显示社交网络图标，并在其中添加版权中间的所有功能都由右侧提供。

I'd like the social networking icons to be on the left, copyright in the middle the powered by on the right, as it all is.

页脚代码：

<div id="footer">

        <div id="footer-content">


                <div id="footer-bottom" class="clear">



                      <div class="row" style="margin: 0 auto;">
<div class="span12" style="width:100%;">
<div class="span2" style="text-align:left;">
<a href="https://twitter.com/WallSpaceOttawa"><img alt="twitter" class="social" src="<?php bloginfo('stylesheet_directory'); ?>/img/twitter.png"></a>
<a href="https://www.facebook.com/pages/Wall-Space-Gallery-and-Framing/195974620432391"> 
<img alt="facebook" class="social" src="<?php bloginfo('stylesheet_directory'); ?>/img/facebook.png"></a>
</div>

<div class="span6" style="text-align:center;">

<h5>
  Copyright &#169; <script type="text/javascript">
//<![CDATA[
                                    var dteNow = new Date();
                                    var intYear = dteNow.getFullYear();
                                    document.write(intYear);
          //]]>
          </script>
          Wall Space Gallery And Framing - All Rights Reserved.

</h5>
</div>

<div class="span4" style="text-align:right;">
<h5>Powered by <a href="http://divisionforty.com">Division Forty</a></h5>
</div>
</div>

</div>


                </div><!--END FOOTER-BOTTOM-->    

        </div><!--END FOOTER-CONTENT-->        

    </div><!--END FOOTER-->

希望有人可以提供帮助。

Hope someone can help.

谢谢

丹佛

推荐答案

<div id="footer">

        <div id="footer-content">


                <div id="footer-bottom" class="clear">



                      <div class="row" style="margin: 0 auto;">
<div class="span12" style="width:100%;">
<div class="span2 text-left">
<a href="https://twitter.com/WallSpaceOttawa"><img alt="twitter" class="social" src="<?php bloginfo('stylesheet_directory'); ?>/img/twitter.png"></a>
<a href="https://www.facebook.com/pages/Wall-Space-Gallery-and-Framing/195974620432391"> 
<img alt="facebook" class="social" src="<?php bloginfo('stylesheet_directory'); ?>/img/facebook.png"></a>
</div>

<div class="span6 text-center">

<h5>
  Copyright &#169; <script type="text/javascript">
//<![CDATA[
                                    var dteNow = new Date();
                                    var intYear = dteNow.getFullYear();
                                    document.write(intYear);
          //]]>
          </script>
          Wall Space Gallery And Framing - All Rights Reserved.

</h5>
</div>

<div class="span4 text-right">
<h5>Powered by <a href="http://divisionforty.com">Division Forty</a></h5>
</div>
</div>

</div>


                </div><!--END FOOTER-BOTTOM-->    

        </div><!--END FOOTER-CONTENT-->        

    </div><!--END FOOTER-->

您可以使用内置的对齐方式 text-left ，文本右和文本中心

You can use the built in alignment classes text-left, text-right, and text-center

这篇关于中心引导行和跨度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！