Erstellen asymmetrischer Layouts Zeilen und Spalten in der glänzenden denen

Question

Ich habe in einem glänzenden ui als solche mehrere Zeilen erstellt:

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"))), 
    )) 

die einen schönen 4 X 4 Raster schafft

.

Es scheint, dass Shiny darauf ausgerichtet ist, Benutzern zu ermöglichen, Objekte in Spalten zu organisieren

Ich würde gerne sehen, ob ich meine Anzeige in organisieren kann etwas, das zwei Spalten hat, noch innerhalb einer Spalte, hat es zwei Reihen - es ist wahrscheinlich klarer, wenn ich eine einfache Abbildung Peitsche:

(Dies ist nur eine allgemeine Idee und es ist nichts festgelegt in Stein in Bezug auf Spalte/Reihe Größen im Moment - nur nach der nackten Knochen Vorlage für diese Struktur zu suchen, so zu sprechen.)

Ich habe in der Dokumentation gesucht und kann nicht scheinen, eine vernünftige Lösung zu finden. Wenn jemand darüber nachgedacht und es gelöst hat oder irgendwelche Ideen hat, würde ich sie gerne hören. Vielen Dank.

Answer 1

Werfen Sie einen Blick auf http://getbootstrap.com/2.3.2/scaffolding.html. Die glänzenden Funktionen fluidRow und column sind Komfortfunktion div(class = "row-fluid, ...) und div(class = "spanx", ...) erstellen beziehungsweise:

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) { 
    } 
))