使用列来排列HTML

Question

首先，如果我的标题不是世界上最具描述性的，我道歉，我无法想到它的任何其他内容。

我使用名为HTML5UP的Alpha HTML5主题。该网站旨在成为使用我的同事开发的应用程序的客户的第一个帮助点。我想制作两个列，一个是8个宽，另一个是4个宽。使用bootstrap我会写这个......

<div class="col-sm-8">
    ***CONTENT***
</div>
<div class="col-sm-4">
    ***CONTENT***
</div>

但是这个主题使用以下表示法：

<div class="row">
    <div class="6u 12u(narrower)">
        <section class="box special">
            <span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
            <h3>Sed lorem adipiscing</h3>
            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
            <ul class="actions">
                <li><a href="#" class="button alt">Learn More</a></li>
            </ul>
    </section>
</div>

我的问题是，我已经尝试将col-sm-X直接换成Xu，但这不起作用。这里有人能指出我正确的方向吗？

谢谢，

探

Answer 1

我尝试更改列宽，它正在工作.. !!

<强>的变化：

class =“6u 12u（narrower）” - ＆gt; class =“4u 12u（narrower）”
class =“6u 12u（narrower）” - ＆gt; class =“8u 12u（narrower）”