剑道拆分器未显示正确的命令

Question

我有一个剑道分割器，不想渲染它应该的样子。调整大小列几乎扩展了整个屏幕。我如何使其正确显示并具有如演示中所示的细细调整线。

拆分器：

@(Html.Kendo().Splitter()
      .Name("splitter")
      .HtmlAttributes(new { style = "height: 300px;" })
      .Panes(panes =>
      {
        panes.Add()
            .HtmlAttributes(new { id = "Left" })
            .Size("100px")
            .Collapsible(true)
            .Content(@<p>Left pane</p>);

        panes.Add()
            .HtmlAttributes(new { id = "Right" })
            .Collapsible(true)
            .Size("20%")
            .Content(@<p>Right pane</p>);
      })
)

屏幕：

谢谢。