Create a column within a UI definition

column(width, ..., offset = 0)


width The grid width of the column (must be between 1 and 12)
... Elements to include within the column
offset The number of columns to offset this column from the end of the previous column.


A column that can be included within a fluidRow or fixedRow.


Create a column for use within a fluidRow or fixedRow


fluidRow( column(4, sliderInput("obs", "Number of observations:", min = 1, max = 1000, value = 500) ), column(8, plotOutput("distPlot") ) )
<div class="row"> <div class="col-sm-4"> <div class="form-group shiny-input-container"> <label class="control-label" for="obs">Number of observations:</label> <input class="js-range-slider" id="obs" data-min="1" data-max="1000" data-from="500" data-step="1" data-grid="true" data-grid-num="9.99" data-grid-snap="false" data-prettify-separator="," data-keyboard="true" data-keyboard-step="0.1001001001001" data-drag-interval="true" data-data-type="number"/> </div> </div> <div class="col-sm-8"> <div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div> </div> </div>
fluidRow( column(width = 4, "4" ), column(width = 3, offset = 2, "3 offset 2" ) )
<div class="row"> <div class="col-sm-4">4</div> <div class="col-sm-3 col-sm-offset-2">3 offset 2</div> </div>

See also

fluidRow, fixedRow.