gpt4 book ai didi

css - 如何在我的 Joomla 模板中将 2 个 span6 类堆叠在一起

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

我希望在我的 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 Bootstrap 2.3.2,因此没有像在 Bootstrap 3 中那样使用 col 类。

最佳答案

好的,如果我理解正确的话,你正在寻找这样的东西:

<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

关于css - 如何在我的 Joomla 模板中将 2 个 span6 类堆叠在一起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37253742/

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