나는 이미지와 같은 셀을 주문하려고 시도 하고이 부트 스트랩 코드는 그렇게하지만 여전히이 순서를 얻으려고 시도하고 테스트합니다. 그리드의 각 열에 대해 푸시 또는 풀을 계산하는 방법이 있습니까?
내 질문은 다른 방법으로, 나는 이미지와 같은 셀을 인쇄 할 수 있도록 셀을 주문해야합니다.이 코드를 얻기 위해 풀 / 푸시에 대한 많은 값을 시도하고 테스트합니다 .. 값을 계산하는 방법이 있습니까?
<div class="row row-4">
<div class="col-xs-3 col-md-push-9">5</div>
<div class="col-xs-4 col-md-push-2">4</div>
<div class="col-xs-1 col-md-pull-3">3</div>
<div class="col-xs-3 col-md-pull-7">2</div>
<div class="col-xs-1 col-md-pull-11">1</div>
</div>
이 코드와 12 개 열을 고려하면 다음과 같습니다.
<div class="row">
<div class="col-xs-3">5</div>
<div class="col-xs-4">4</div>
<div class="col-xs-1">3</div>
<div class="col-xs-3">2</div>
<div class="col-xs-1">1</div>
</div>
우리는있어:
+---+-----------------+------------------+------------+---------+
| ° | Wanted position | Current position | Difference | Class |
+---------------------+------------------+------------+---------|
| 1 | 1 | 12 (1+3+4+1+3) | -11 | pull-11 |
| 2 | 2 (1+1) | 9 (1+3+4+1) | -7 | pull-7 |
| 3 | 5 (1+1+3) | 8 (1+3+4) | -3 | pull-3 |
| 4 | 6 (1+1+3+1) | 4 (1+3) | +2 | push-2 |
| 5 | 10 (1+1+3+1+4) | 1 | +9 | push-9 |
+---+-----------------+------------------+------------+---------+
사진 시간 :
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다