複数の列のレイアウトで空の画面の不動産を占有する方法は？

Question

以下のサンプルコードは、ある列にテキストを、もう一方の列にイメージを含むUIを生成します。

library(shiny) 
library(stringi) 

ui = fluidPage(
    fluidRow(
     column(6, 
       h4('Text Section'), 
       p(stri_rand_lipsum(2)), 
       p(stri_rand_lipsum(2))), 
     column(6, 
       img(src = 'http://via.placeholder.com/200x200') 
    ) 
)) 

server = function(input,output){} 

shinyApp(ui = ui, server = server) 

は、ページの幅に応じて、最初の列は2列目の画像よりも長くても短くてもよいです。以下は、最初の列が長い場合です。

質問は、下の画像のように最初の列のテキストが2列目の左の空のスペースを占有することができますレイアウトはありますか？

Answer 1

あなたがそれを行うことができる唯一の方法は、あなたの余分な列のグリッドを削除してから右に揃え画像と同じにすべてを入れています。

library(shiny) 
library(stringi) 

ui = fluidPage(
    fluidRow(
    column(8, 
      h4('Text Section'), 
      img(src = 'http://via.placeholder.com/200x200', align = 'right'), 
      p(stri_rand_lipsum(2)), 

      p(stri_rand_lipsum(2))) 



)) 

server = function(input,output){} 

shinyApp(ui = ui, server = server)