부트 스트랩 반응 문제

Question

아이디어는 내가 container 클래스를 사용하면 확대/축소 형식으로 작동하지만 반응 형에서는 작동하지 않는다는 것입니다. container-fluid 클래스를 사용하면 반응 형으로 작동하지만 확대 또는 축소시에는 작동하지 않습니다. 이 작품을 반응 형으로 확대하거나 축소하려면 어떻게해야합니까?

<div class="container-fluid"> 
     <div class ="row"> 
       <div class="col-xs-3"></div> 
       <div class="col-xs-6"> 
        <div class="row svu-info1"> 
         <div class="col-xs-6 col-sm-6 svu-info1-text1"> 
          <p class="text-header">&Icirc;nve&#539;i, te consul&#539;i, faci schimb de cuno&#x219;tin&#539;e, te specialiezi! </p> 

          <p class="text-body"><span class="p-header"></span> este un program intern care 
          ofer&#259; posibilitatea tuturor colegilor s&#259; se dezvolte 
          profesional. Este un centru de cuno&#x219;tin&#539;e &#x219;i expertiz&#259;, 
          este locul unde ne ajut&#259;m reciproc &#x219;i unde &#238;ntreb&#259;rile 
          noastre &#238;&#x219;i g&#259;sesc r&#259;spunsul.</p> 
         </div> 
         <div class="col-xs-6 col-sm-6 bg-img1"> 
          <!-- <img src ="<?php echo Yii::app()->getBaseUrl(); ?>/images/pages/svu/img_svu_1.jpg" alt="img_svu_1"> --> 
         </div> 
        </div> 
       </div> 
       <div class="col-xs-3"></div> 

     </div> 
     <div class ="row bg-white"> 
       <div class="col-xs-3"></div> 
       <div class="col-xs-6"> 
        <div class="row svu-info2"> 
          <div class="col-xs-6 col-sm-6 svu-info2-text2"> 
          <p class="">TEST University include 10 comunit&#259;&#539;i tehnice,</p> 
          <p class="">fiecare dintre ele av&#226;nd un decan - coordonator &#x219;i un nucleu tehnic</p> 
          </div> 
          <div class="col-xs-6 col-sm-6"> 
          <div class="row elements1"> 
           <div class="col-xs-4 col-sm-4 first">.NET</div> 
           <div class="col-xs-4 col-sm-4 second"> 
            <!-- <img src="<?php echo Yii::app()->getBaseUrl(); ?>/images/pages/svu/img_svu_android.png" alt="" /> --> 
           </div> 
           <div class="col-xs-4 col-sm-4 third">ANDROID</div> 
          </div> 
          </div> 
        </div> 
       </div> 
       <div class="col-xs-3"></div> 
     </div> 

     <div class ="row bg-white"> 
       <div class="col-xs-3"></div> 
       <div class="col-xs-6"> 
        <div class="row"> 
         <div class ="col-xs-2 bg-img2"> 
          <!-- <img src="<?php echo Yii::app()->getBaseUrl(); ?>/images/pages/svu/img_svu_ios.png" alt="" /> --> 
         </div> 
         <div class ="col-xs-10 elements2"> 
          <div class="row row1"> 
            <div class="col-sm-2 elem1">IOS</div> 
            <div class="col-sm-2 elem2"> 
             <!-- <img src="<?php echo Yii::app()->getBaseUrl(); ?>/images/pages/svu/img_svu_pm.png" alt="" /> --> 
            </div> 
            <div class="col-sm-2 elem3">PM</div> 
            <div class="col-sm-2 elem4">C/C++</div> 
            <div class="col-sm-2 elem5">DataBase</div> 
          </div> 
          <div class="row row2"> 
            <div class="col-sm-2 elem1">DevOps</div> 
            <div class="col-sm-2 elem2">Java</div> 
            <div class="col-sm-2 elem3">QA</div> 
            <div class="col-sm-2 elem4"> 
             <!-- <img src="<?php echo Yii::app()->getBaseUrl(); ?>/images/pages/svu/img_svu_qa.png" alt="" /> --> 
            </div> 
            <div class="col-sm-2 elem5">WEB</div> 
          </div> 
         </div> 
        </div> 
       </div> 
       <div class="col-xs-3"></div> 
     </div> 
    </div> 

Answer 1

당신은 당신의 사업부에 모두 container 및 container-fluid 클래스를 제공 할 수 있습니다 : 이것은 HTML 코드에서 일부입니다. 예 : <div class="container-fluid container">. 어쩌면 그것은 당신을 위해 일할 것입니다.