如何在我的Joomla模板中堆疊2個span6類彼此頂部

Question

我期待在Joomla模板中創建一個頁面，其中2列將佔用顯示圖像和文本的頁面的50％下。我的代碼如下所示：

<div id="services" class="span12"> 
<div id="services-img-new" class="span6"></div> 
<div id="services-img-new" class="span6"></div> 
</div> 
<div id="services" class="span12"> 
<div id="services-text" class="span6"> 
<h4>Heading 1</h4> 
<p>Lorem ipsum dolor</p> 
</div> 
<div id="services-text" class="span6"> 
<h4>Heading 2</h4> 
<p>Lorem ipsum dolor</p> 
</div> 
</div> 

我是，如果屏幕尺寸減小，那麼這並不表明對圖像之下，從我的代碼正確的文本，我可以看到這顯然是因爲我有分組的問題將2張圖片和文字放在一起。

我怎樣才能將圖像和文本組合在一起？

如果有人可以請指教，真的很感激它。

順便說一下我目前使用Joomla 3.5.1和Twitter的引導2.3.2，因此不使用山坳類，因爲它是在引導3

Answer 1

好了，如果我理解正確的話你想找的是這樣的：

<div id="services" class="span6"> 
<div id="services-img-new" class="span12"></div> 
<div id="services-text" class="span12"> 
<h4>Heading 1</h4> 
<p>Lorem ipsum dolor</p> 
</div> 
</div> 
<div id="services" class="span6"> 
<div id="services-img-new" class="span12"></div> 
<div id="services-text" class="span"> 
<h4>Heading 2</h4> 
<p>Lorem ipsum dolor</p> 
</div> 
</div> 

Link to jsbin example