gpt4 book ai didi

css - 居中 Bootstrap 行和跨度

转载 作者:行者123 更新时间:2023-11-28 01:52:53 25 4
gpt4 key购买 nike

我正在尝试使用 bootsrap 将 Row 及其内部的 span 居中。

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

我希望社交网络图标在左侧,版权在中间,由右侧提供支持,就这样。

页脚代码:

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

希望有人能帮忙。

谢谢

丹佛

最佳答案

<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-lefttext-righttext-center

关于css - 居中 Bootstrap 行和跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19040301/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com