0
这个想法是,如果我使用container
类它的工作形式放大和缩小,但它不响应。如果我使用container-fluid
类,它适用于响应式,但不适用于放大或缩小。我如何使这项工作具有响应能力以及放大或缩小?这是HTML代码的一部分:Bootstrap敏感问题
<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>
Thx的帮助,但如果我只使用容器或容器流体它完全搞砸了我的所有页面: – 2015-01-21 07:32:26
好的。然后你应该根据窗口的大小来设置你的班级的div。得到使用jQurey <脚本类型= “文本/ JavaScript的”> jQuery的(文件)。就绪(函数(){ VAR bodywidth = jQuery的( '主体')的宽度()的窗口大小; /* alert(docheight +' - '+ bodyheight); */ if(bodywidth <= 1000){(“div”)。removeClass } }); – jayant 2015-01-21 07:38:01
把上面的代码在你的头标记,并尝试再次 – jayant 2015-01-21 07:45:56