奇怪的问题在这里。我使用了一个 Bootstrap 网格
<div class="col-md-1"></div>
<div class="col-md-10"></div>
<div class="col-md-1"></div>
字符串
为了我的作品集。在我的笔记本电脑上,它有一个大约16英寸的显示器,这看起来很好。然而,在我的24英寸显示器上,中间部分看起来奇怪地小,就像它跨越8列而不是10列。知道为什么会这样吗它都在容器类div中。
编辑:这就是它的样子。这里有一个link
的数据
奇怪的问题在这里。我使用了一个 Bootstrap 网格
<div class="col-md-1"></div>
<div class="col-md-10"></div>
<div class="col-md-1"></div>
字符串
为了我的作品集。在我的笔记本电脑上,它有一个大约16英寸的显示器,这看起来很好。然而,在我的24英寸显示器上,中间部分看起来奇怪地小,就像它跨越8列而不是10列。知道为什么会这样吗它都在容器类div中。
编辑:这就是它的样子。这里有一个link
的数据
2条答案
按热度按时间k3fezbri1#
您需要使用
.container-fluid
而不是.container
后者的最大宽度为1320px,而前者的最大宽度为100%,将跨越视口的整个宽度。
参见Bootstrap documentation
请参阅下面的示例代码(展开到整个页面以更好地查看)
个字符
ttisahbt2#
你可以根据屏幕大小改变网格大小。这可能对你有帮助。只需为屏幕大小添加3个网格类型类-
sm用于小屏幕,
md适用于中屏和
lg大屏幕
你只需要增加贪婪的大小为大屏幕。
希望这将为您的问题工作。
字符串