html - 语义 UI 片段

Question

如何在语义 UI 中编写此段代码？我也尝试过使用网格，但不幸的是没有成功。

<div class="ui horizontal segments">

            <div class="ui segment">
                <div class="two column row">
                    <div class="column">

                    </div>
                    <div class="column">

                    </div>
                </div>
            </div>
            <div class="ui segment">

            </div>
</div>

Answer 1

我认为这Plunkr符合您的要求

<div class="ui grid">
    <!-- left part --> 
    <div class="eight wide column">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
    </div>
    <!-- right part -->
    <div class="eight wide column"></div>
</div>

网格分隔在两个宽度相等的列上。在右栏，三行，在左栏，您的内容。