์๋ ํ์ธ์!
๋ฒ์ v1.3.0์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
๋ฐ๋ฆฌ๊ทธ๋จ์ ๊ทธ๋ฆฌ๋๋ฅผ 3์ผ๋ก๋ง ์ ํํ ์ ์๋ ๋ฐฉ๋ฒ์ ๋ฌด์์
๋๊น?
Bootstrap์์ <div class="col-md-4">
์ ๊ฐ์ ๊ฒ์ ์ถ๊ฐํ๋ฉด ํ๋น 3๊ฐ์ ๊ทธ๋ฆฌ๋๋ง ํ์๋ฉ๋๋ค.
๋ฐ๋ฆฌ๊ทธ๋จ ๋จ์๋ก ๋น์ทํ ๊ฒฐ๊ณผ๋ฅผ ์ป์ผ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผ ํฉ๋๊น?
์ด๋ค ๋์์ด๋ผ๋ ๋๋จํ ๊ฐ์ฌํ๊ฒ ์ต๋๋ค!
๊ฐ์ฌํฉ๋๋ค.
@alzearafat
<div class="row wrap">
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
</div>
.row.wrap {
flex-wrap: wrap;
}
์ ๋ง ๊ฐ์ฌํฉ๋๋ค! @lfsantana
์๋
ํ์ธ์ @alzearafat @lfsantana .row-wrap
๋ํด ์ ์๋ ํด๋์ค๊ฐ ์์ต๋๋ค
<div class="row row-wrap">
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
<div class="column column-33"></div>
</div>
@alzearafat ์ด๊ฒ์ด ํจ๊ณผ๊ฐ ์์๋์ง ์๋ ค์ฃผ์ญ์์ค.
์๋ ํ์ธ์ @alzearafat @lfsantana
.row-wrap
๋ํด ์ ์๋ ํด๋์ค๊ฐ ์์ต๋๋ค<div class="row row-wrap"> <div class="column column-33"></div> <div class="column column-33"></div> <div class="column column-33"></div> <div class="column column-33"></div> <div class="column column-33"></div> </div>
@alzearafat ์ด๊ฒ์ด ํจ๊ณผ๊ฐ ์์๋์ง ์๋ ค์ฃผ์ญ์์ค.
์ด๊ฒ์ column-33๊ณผ ํจ๊ป ๊ทธ๋ฆฌ๋์ ๋ฌธ์์ ์์ด์ผ ํฉ๋๋ค. ๊ฐ์ด๋๊ฐ ์ ๋ง ๋ถ์กฑํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@alzearafat