Semantic-ui - 如何仅在页面的一部分中使用侧边栏？ （即上下文）

Question

我想使用SemanticUI在页面的一小部分中显示侧边栏作为叠加层。我怎样才能做到这一点？

我试图获得the example they have on their home page working，但遗漏了一些东西......谢谢！

Answer 1

你可以try a working example here (JSFiddle)

这是在本地运行的同一个示例的转储：

使用bower安装semantic-ui和jquery。

的test.html

private void populateLeaderBoardList()
    {
        string btnContent = (string)btn_exportLeaderBoard.Content;
        if (btnContent.Contains("Totals"))
        {
            // Using data type Player
            // Set Columns (leaderBoardPosition (#++ each row), playerTeamName, playerPoints)
        }
        else if (btnContent.Contains("Players"))
        {
            // Using data type Player
            // Set Columns (leaderBoardPosition (#++ each row), playerTeamName, playerPoints)
        }
        else if (btnContent.Contains("Drivers"))
        {
            // Using data type DriverPoints
            // Set Columns (leaderBoardPosition (#++ each row), driverCarNumber, driverName, driverPoints)
        }
    }