關於網站對小屏幕的響應度

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 。 引導程序有許多可以使用的類，但需要進行一些挖掘。