我有一家Magento商店，使用主题森林中的Ultimo主题，并且正在尝试自定义首页，使其与我给定的设计相匹配。
Ultimo使用自定义网格系统，即grid12-1，grid12-2，grid12-3等。
我正在尝试放置3个块，其中第一列有2行，第二列只有1行。
可以在这里找到示例http://www.lifestylemedicine.co.uk/
我无法正确排列这些方块，希望能有所帮助。目前，前2个块已正确定位，但第二列下降了。
我认为这可能是div在错误的地方，或者无论如何都是愚蠢的。
谢谢
更新
这是我的代码
<div class="welcome-box">
<div class="grid12-8 mobile-grid welcome-intro">
<div class="intro-caption">“I’m delighted to welcome you to the new Nina Torina® clinical website and online store; this is the evolution of what many of you have known as FixbyOsteo® and incorporates my individual and corporate coaching practice, as well as the Aesthetic Skin Health clinics.”
<br /><br />
<span class="signature">Nina Victoria Gallagher</span><br />FOUNDER</div>
</div></div>
<div class="grid12-8 mobile-grid">
<div class="home-social">
<div class="heading">keep in touch and join in with us</div><br />
icons here
</div>
</div>
<div class="grid12-4 mobile-grid treatments">
<div class="intro-caption-treatments">
<div class="heading">New<br />Treatments</div>
<span class="signature">from the</span><br />CLINIC</div>
</div>
</div>
最佳答案
这是您需要做的。
基本上，您只需要在此处移动一些内容，然后将适当的网格类添加到父级。当然，您可以通过查看以上图像来获得想法。
这是浏览器中的外观。