부트 스트랩을 처음 사용합니다 - 레이아웃 문제를 찾아야합니다

Question

부트 스트랩은 그리드 기반 시스템이라는 것을 알고 있습니다. 내가하고 싶은 것은 화면에서 허용 할 수있는만큼의 DIV를 가질 수있는 카테고리 페이지 (제품의 분류)를 만드는 것입니다. 기본적으로 화면이 커질수록 DIV 수가 증가한다는 점에서 "역 반응"입니다.

지금은 부트 스트랩의 그리드 시스템을 기반으로 설정된 수의 DIV를 사용하여 "고정"된 것처럼 보입니다. 아마도 이걸위한 부트 스트랩 레이아웃 기능을 사용하지 말아야할까요? 그렇지 않다면 내가하고 싶은 것을 어떻게 성취 할 수 있습니까?

예 :

한 화면에 내가 얻을

경우이 : 큰 화면에서 볼 때

<div> 
    <div>content</div> 
    <div>content2</div> 
    <div>content3</div> 
    <div>content4</div> 
</div> 
<div> 
    <div>content5</div> 
    <div>content6</div> 
    <div>content7</div> 
    <div>content8</div> 
</div> 

은 다음과 같이해야한다 :

<div> 
    <div>content</div> 
    <div>content2</div> 
    <div>content3</div> 
    <div>content4</div> 
    <div>content5</div> 
</div> 
<div> 
    <div>content6</div> 
    <div>content7</div> 
    <div>content8</div> 
</div> 

와 더 큰 화면에 다음과 같아야합니다.

<div> 
    <div>content</div> 
    <div>content2</div> 
    <div>content3</div> 
    <div>content4</div> 
    <div>content5</div> 
    <div>content6</div> 
</div> 
<div> 
    <div>content7</div> 
    <div>content8</div> 
</div> 

이 작업을 수행하는 방법이 있습니까?

감사합니다.

업데이트 : 시각화하기 위해 필요한 사람들을 위해, 이것은 단지 4 열 내 레이아웃의 이미지이지만, 화면이 더 있었다면 나는, 6, 5 성장 7 또는 8 열 할 것 :

페이지 크기에 따라 필요한 포장 (12) 열 -

Answer 1

나는이 (아마도) 당신이 여기에서 찾고있는 것은 부트 스트랩 (2, 적어도) 기본적으로 무엇을 생각 . 당신이 원하는 것은 div의 클래스를 사용하여 div가 차지할 열의 수를 설정하는 것입니다. 꽤 많이, 당신이보고있는 것은 이것입니다 :

<div class="span2">First Column</div> 
<div class="span2">Second Column</div> 
<div class="span2">Third Column</div> 
<div class="span2">Fourth Column</div> 
<div class="span2">Fifth Column</div> 
<div class="span2">Sixth Column</div> 

그럼 그냥 부트 스트랩을 마술하게하십시오. 창 크기를 조정하면 창 크기에 따라 열이 올바르게 떠있게됩니다 (즉, 응답해야 함). 열을 더 크게 만들려면 스팬 (위)의 수를 변경하고 다른 스팬에서 같은 양을 제거해야합니다. 희망이 도움이됩니다!

참고 : bootstrap3를 들어, 구문 (".COL-MD-*"this page에 대한 참조)