关于网站对小屏幕的响应度

Question

这是我的第一个网站，我的投资组合的网址https://sarthak-port.000webhostapp.com/Mportfolio.html 我已经使用虚拟主机免费hosting.My问题是我没有在我的代码中使用引导类，但我的网页没有完全响应小屏幕。你们可以提出一些想法来做同样的事情。

Answer 1

从看它有点你在空间“我的作品”和空间我的配置文件只有类col-xs-3为每个元素使用。如果你希望你的部分以一个负责任的事情重新安排你应该使用类，如

class="col-lg-3 col-md-3 col-sm-6 col-xs-12" 

这种方式在更大的屏幕宽度，你应该有每行4个4元，然后在更小的屏幕宽度只有2个元素每一行中最后在非常小的屏幕上每行只有1个元素。通过将所有元素设置为col-xs-3，您可以在所有屏幕中的每一行中指定四个元素。 此外，对于最后一节，输入字段不使用引导类设置为中间。一种方法是使用

col-md-6 col-md-3-offset 

这样，您就可以将输入发送到中心（3个网格单元空+ 6网格单元与输入接口及3个网格单元再次空） 否则，你可以使用类似这样Twitter Bootstrap 3: How to center a block 。 引导程序有许多可以使用的类，但需要进行一些挖掘。