2

行とその中のスパンをブートストラップで中央に配置しようとしています。

ここのフッターで見ることができます: http://www.divisionforty.com/wall/

ソーシャル ネットワークのアイコンを左側に、著作権を中央に、powered by を右側に配置したいと思います。

フッター コード:

<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-->

誰かが助けてくれることを願っています。

ありがとう

デンバー

4

2 に答える 2

1 
<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、text-right、およびを使用できます。text-center

于 2013-09-27T00:03:36.623 に答える
0

フッター全幅を画面幅にするのはあなたの設計ですか？

はいの場合は、行クラスを行流体クラスに変更するだけです。Bootstrap 2.3.2 は、row ではなく、row-fluid を使用しています。

<div id="footer">
     <div id="footer-content">
          <div id="footer-bottom" class="clear">
                  <div class="row-fluid" style="margin: 0 auto;">
    <div class="span12" style="width:100%;">

        <div class="span2 text-left">
        </div>

        <div class="span6 text-center">
        </div>

        <div class="span4 text-right">
        </div>
    </div>
</div>
            </div><!--END FOOTER-BOTTOM-->    
    </div><!--END FOOTER-CONTENT-->        
</div><!--END FOOTER-->

いいえの場合は、幅のコンテナを置きます。

于 2013-09-27T04:34:20.963 に答える