Css Joomla 3.2：设置页脚样式（相邻的div）

我正在尝试用Joomla 3.2制作一个网站的页脚

下面是它的图片：

（）

我重命名了这些类，这样我就可以用CSS修改它，但问题是我不能把div放在彼此旁边

以下是HTML：

<footer class="row-fluid">

      <div class="footer1">
            <jdoc:include type="modules" name="footer1" style="html5" />
            <h3>Main Links:</h3>
        <ul>
            <li><a href="http://www...">Home Page</a></li>
            <li><a href="http://www...">About Us</a></li>
            <li><a href="http://www...">Company Mission</a></li>
            <li><a href="http://www...">Company Vision</a></li>
            <li><a href="http://www...">Products</a></li>
            <li><a href="http://www...">Site Map</a></li>
        </ul>
      </div>


      <div class="footer2">
            <jdoc:include type="modules" name="footer2" style="html5" />
            <h3>Contact Us:</h3>
        <ul>
          <li>Address: 28 ...</li>
          <li>Phone: 0224</li>
          <li>Email: ...@....com</li>
          <li>Mobile: 0100</li>
          <li>Fax: </li>
        </ul>

      </div>

      <div class="footer3">
            <jdoc:include type="modules" name="footer3" style="html5" />
            <div class="span4"><img src="templates/greensand/images/footerlogo.png" alt="Greensand, Inc." class="pull-right" /></div>

      </div>            


       <div class="footer4">
            <jdoc:include type="modules" name="footer4" style="html5" />
         <p>&copy; 2014 Greensand, Inc. All rights reserved. </p>

      </div>

</footer> 

有没有人有办法让他们坐在一起，中间有一条白线

主要链接|联系我们|徽标和底部版权

---

你尝试过什么CSS？不多，只是向左浮动和其他不起作用的代码！！：）您的CSS没有任何与要更改的列表相关的样式。事实上，您的CSS目标是

.nav pills

，而该类甚至不在HTML中。@davidpauljunior可能是模块在页脚中呈现了.nav pills。@MohamedSherif您能粘贴页脚部分的HTML源代码吗？

footer .span9 { 
    padding: 4em 0 0 3em; 
    clear: both; 
} 

footer p { 
    padding-left: 0em; text-align: center; 
} 

footer .nav-pills a { 
    color: #fff; 
} 

footer .nav-pills a:hover { 
    color: #21AB49; 
} 

.footer1 { 
    padding-left: 3em; 
}