Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 适用于中小型设备的Bootstrap 3网格3x3_Css_Twitter Bootstrap - Fatal编程技术网

Css 适用于中小型设备的Bootstrap 3网格3x3

Css 适用于中小型设备的Bootstrap 3网格3x3,css,twitter-bootstrap,Css,Twitter Bootstrap,我尝试了这段代码,它还可以,但是你怎么想呢? 我希望这个在小设备上看起来也很漂亮 <div class="col-md-4 col-sm-6"> <img src="img/usluge/projektovanje.jpg" class="img-responsive img-service" alt="netbox"><br/> <label class="btn-service">designing</label>

我尝试了这段代码,它还可以,但是你怎么想呢?
我希望这个在小设备上看起来也很漂亮

 <div class="col-md-4 col-sm-6"> <img src="img/usluge/projektovanje.jpg" class="img-responsive img-service" alt="netbox"><br/>
      <label class="btn-service">designing</label>
    </div>
    <div class="col-md-4  "> <img src="img/usluge/laserskorezanjemetalazoom1.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">laser Metal Cutting</label>
    </div>
    <div class="col-md-4  "> <img src="img/usluge/cncprobijanjee1.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">cnc punching</label>
    </div>
    <div class="col-md-4  "> <img src="img/usluge/cnc_savijanje5.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">CNC BENDING</label>
    </div>
    <div class="col-md-4  "> <img src="img/usluge/robotsko_zavarivanje1.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">robotic welding</label>
    </div>
    <div class="col-md-4 "> <img src="img/usluge/zavarivanje3.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">welding</label>
    </div>
    <div class="col-md-4  "> <img src="img/usluge/plastifikacija_4.jpg" class="img-responsive img-service"><br/>
      <label class="btn-service">Coatings</label>
    </div>

设计
激光金属切削
数控冲孔
数控折弯
机器人焊接
焊接
涂层

这样行吗?或者我需要做更多的事情。我想让它在小型、中型和笔记本电脑设备上看起来好看

对于较小的设备,您应该开始使用媒体查询。
这可能就是您想要的。

我建议使用行和容器流体。 请查看此处以了解有关、和其他的更多详细信息

还有一个“”选项


1.
2.
3.
1.
2.
3.
1.
2.
3.

没关系。那你的问题是什么?嗯,那些照片看起来不好。。。它们散开了。。
  <div class="container-fluid">
    <div class="row">
     <div class="col-md-4">1</div>
     <div class="col-md-4">2</div>
     <div class="col-md-4">3</div>
    </div>
    <div class="row">
     <div class="col-md-4">1</div>
     <div class="col-md-4">2</div>
     <div class="col-md-4">3</div>
    </div>
    <div class="row">
     <div class="col-md-4">1</div>
     <div class="col-md-4">2</div>
     <div class="col-md-4">3</div>
    </div>
  </div>