在Shiny中创建涉及行和列的非对称布局

Question

我已经在闪亮的ui中创建了多行：

shinyUI（fluidPage（

fluidRow(    
  column(6,
        textOutput("text_col1_row_1")),
  column(6
        textOutput("text_col2_row_1"))),

fluidRow( 
  column(6,
       textOutput("text_col1_row_2")),
  column(6,
       textOutput("text_col2_row_2"))),
   ))

创建一个漂亮的4 X 4网格。

似乎Shiny的目标是允许用户将对象组织成列。

我想看看我是否可以将我的显示组织成具有两列的内容，但是在一列中，它有两行 - 如果我用一个简单的插图，它可能更清晰：

（这只是一个普遍的想法，目前没有任何关于列/行大小的结论 - 只是寻找这个结构的裸骨模板，可以这么说。）

我搜索了文档，似乎无法找到合理的解决方案。如果有人想过并解决了这个或有任何想法，我很乐意听到他们。感谢。

Answer 1

看看http://getbootstrap.com/2.3.2/scaffolding.html。闪亮的函数fluidRow和column分别是创建div(class = "row-fluid, ...)和div(class = "spanx", ...)的便捷函数：

library(shiny)
runApp(list(
  ui = fluidPage(
    fluidRow(
      column(6
             , fluidRow(
               column(6, style = "background-color:yellow;", div(style = "height:300px;"))
               , column(6, style = "background-color:green", div(style = "height:300px;"))
             )
             , fluidRow(
               column(12, style = "background-color:red;", div(style = "height:300px;"))
               )
      )
      , column(6, style = "background-color:blue;", div(style = "height:600px;"))
    )
  ),
  server = function(input, output) {
  }
))