()
| 2065 | |
| 2066 | class Example61 extends React.Component { |
| 2067 | render() { |
| 2068 | return ( |
| 2069 | <Container> |
| 2070 | <Row> |
| 2071 | <Col>.col</Col> |
| 2072 | </Row> |
| 2073 | <Row> |
| 2074 | <Col>.col</Col> |
| 2075 | <Col>.col</Col> |
| 2076 | <Col>.col</Col> |
| 2077 | <Col>.col</Col> |
| 2078 | </Row> |
| 2079 | <Row> |
| 2080 | <Col xs="3">.col-3</Col> |
| 2081 | <Col xs="auto">.col-auto - variable width content</Col> |
| 2082 | <Col xs="3">.col-3</Col> |
| 2083 | </Row> |
| 2084 | <Row> |
| 2085 | <Col xs="6">.col-6</Col> |
| 2086 | <Col xs="6">.col-6</Col> |
| 2087 | </Row> |
| 2088 | <Row> |
| 2089 | <Col xs="6" sm="4"> |
| 2090 | .col-6 .col-sm-4 |
| 2091 | </Col> |
| 2092 | <Col xs="6" sm="4"> |
| 2093 | .col-6 .col-sm-4 |
| 2094 | </Col> |
| 2095 | <Col sm="4">.col .col-sm-4</Col> |
| 2096 | </Row> |
| 2097 | <Row> |
| 2098 | <Col sm={{ size: 6, offset: 1 }}>.col .col-sm-6 .col-sm-offset-2</Col> |
| 2099 | </Row> |
| 2100 | <Row> |
| 2101 | <Col sm="12" md={{ size: 8, offset: 2 }}> |
| 2102 | .col .col-sm-12 .col-md-6 .col-md-offset-3 |
| 2103 | </Col> |
| 2104 | </Row> |
| 2105 | <Row> |
| 2106 | <Col sm={{ size: 'auto', offset: 1 }}> |
| 2107 | .col .col-sm .col-sm-offset-1 |
| 2108 | </Col> |
| 2109 | <Col sm={{ size: 'auto', offset: 1 }}> |
| 2110 | .col .col-sm .col-sm-offset-1 |
| 2111 | </Col> |
| 2112 | </Row> |
| 2113 | </Container> |
| 2114 | ); |
| 2115 | } |
| 2116 | } |
| 2117 | |
| 2118 | const ExampleResponsiveContainer = (props: any) => { |
nothing calls this directly
no outgoing calls
no test coverage detected