우리가이 작업을 수행 할 수있는 일반적인 의미 UI에서 그리드

Question

여러 반전 기준을 지정 :

<div class="ui mobile reversed tablet reversed equal width grid container"> 

이 모바일 및 태블릿 해상도에 반대 순서로 열을 표시합니다. Example

필자는 Semantic UI React와 동일한 동작을 얻으려고하고 있으며 그렇게하지 못합니다. 여기

내가 뭘하려 :

<Grid reversed="computer tablet"> 
// or 
<Grid reversed="computer,tablet"> 
// or 
<Grid reversed="computer|tablet"> 
// or 
<Grid reversed={["computer","tablet"]}> 

유사한 오류 메시지의 모든 결과 :

은 경고 : 실패 소품 유형 : GridRow에 제공된 값 computer,tablet의 잘못된 소품 reversed이 중 하나를 예상 [컴퓨터 ","컴퓨터 수직 ","모바일 ","모바일 수직 ","태블릿 ","태블릿 수직 "].

이 방법이 있습니까? 아니면 시맨틱 UI에서 누락 된 기능입니까?

<Grid className='table reversed computer reversed' /> 

파이프 지지대가로 볼 수 있습니다 :

const content = [<Grid.Row key="row1">...</Grid.Row>, <Grid.Row key="rowN">...</Grid.Row>] 
<Grid reversed="computer" only="computer"> 
    {content} 
</Grid> 
<Grid reversed="tablet" only="tablet"> 
    {content} 
</Grid> 
<Grid only="mobile"> 
    {content} 
</Grid> 

Answer 1

당신은 그리드의 className 소품을 사용할 수

---

현재, 나는 슈퍼 추악한 다음 해결 방법을 사용하고 있습니다 이 doc에서 볼 수 있습니다.