Responsive Rule

レスポンシブルールラインは、ビューポートに応じて向きを調整する動的なコンポーネントです。縦横のラインを切り替え、コンテンツの分離にレスポンシブなソリューションを提供します。

Horizontal to Vertical

First contents
Second contents
vue
<template>
 <Row col="sm">
  <Col
   col="sm"
   text-alignment="end"
  >
   <b-div
    headings="4"
    margin="b-0"
   >
    First contents
   </b-div>
  </Col>
  <ResponsiveRule vertical="sm" />
  <Col
   col="sm"
   text-alignment="start"
  >
   <b-div
    headings="4"
    margin="b-0"
    text-color="success"
   >
    Second contents
   </b-div>
  </Col>
 </Row>
</template>

See Also