我正在使用Twitter Bootstrap使我的网站响应。我知道Bootstrap可以使用四种尺寸：
x-small：适用于小于768像素的屏幕。
小：适用于小于992px的屏幕。
中：适用于小于1200像素的屏幕。
大：用于其他屏幕。
因此，我想以设备纵向显示x-small并以设备横向显示x我的网站。
我将视口元标记设置为：
<meta name='viewport' content='width=device-width, initial-scale=1'>
纵向一切都很好，该站点显示为x-small。但问题是，在横向尺寸与平板电脑一样大的智能手机中，最好在如此宽的屏幕上将站点显示为较小，但始终将其显示为x较小。
我尝试了其他方法来编写该视口元标记，例如将宽度设置为固定并更改比例，但是似乎没有任何效果。
有人知道如何使用Bootstrap吗？
最佳答案
去这里http://getbootstrap.com/customize/
定制
下载
???????
利润
引导CSS中还应该有一个自定义链接。
如果您不能这样做，则需要手动检查所有CSS并更改@media screen and (max-width: xxxpx) {以匹配新的布局。
关于html - css bootstrap-使网站在纵向方向上x较小，在横向方向上较小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31878344/