Bootstrap responsive issue - html

Question

The idea is if I use the container class it works form zoom in and zoom out, but it does not on responsive. If I use container-fluid class it works for responsive, but it does not work on zoom in or out. How do I make this work to be responsive and for the zoom in or out? This is a part from HTML code:
<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">Înveți, te consulți, faci schimb de cunoștințe, te specialiezi! </p>
<p class="text-body"><span class="p-header"></span> este un program intern care
oferă posibilitatea tuturor colegilor să se dezvolte
profesional. Este un centru de cunoștințe și expertiză,
este locul unde ne ajutăm reciproc și unde întrebările
noastre își găsesc ră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ăți tehnice,</p>
<p class="">fiecare dintre ele având un decan - coordonator ș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

You can give both container and container-fluid class in your div. e.g <div class="container-fluid container">. Maybe it'll do work for you.