Matestack Ui Bootstrap
AboutMatestack Ui CoreMatestack Ui VueJsMatestack Ui Bootstrap
2.1
2.1
  • Welcome
  • Getting Started
    • Installation & Update
    • Quick Start [WIP]
  • API
    • Templates
      • Apps
        • Admin App Template
    • Form
      • Checkbox
      • Input
      • Radio
      • Select
      • Submit
      • Switch
    • Components
      • Accordion
      • Alert
      • Badge
      • Breadcrumb
      • Button
      • ButtonGroup
      • Card
      • Carousel
      • Chart
      • Close
      • Collapse
      • Dropdown
      • ListGroup
      • Modal
      • Nav
      • Navbar
      • Pagination
      • Popover
      • Progress
      • Scrollspy
      • Smart collection
      • Spinner
      • Toast
      • Tooltip
    • Layout
      • Container
      • Col
      • Row
  • Integrations
    • Chart.js
    • Flatpickr
    • Devise
Powered by GitBook
On this page
  • bs_row(*args, &block)
  • Examples
  • Example 1: Basic
  1. API
  2. Layout

Row

PreviousColNextChart.js

Last updated 3 years ago

The Bootstrap row component, implemented in Ruby.

bs_row(*args, &block)

Returns a bootstrap row containing content specified by a block. Also the row is customizable with the following options.

Optional options

  • :vertical - For vertical alignment. Expects parameter: start, center, end

  • :horizontal - For horizontal alignment. Expects parameter: start, center, end, around, between, evenly

HTML attributes This component accepts all the canonical like id or class.

Examples

Example 1: Basic

bs_row horizontal: :start, vertical: :center do
  # content here
end

returns

<div class="row justify-content-start align-items-center">
  <!-- Content here -->
</div>
HTML global attributes