我刚刚从Bootstrap切换到Semantic UI并且在网格系统方面遇到了一些问题。
使用Bootstrap我可以设置一个1600px的/test
,这样当有人缩小到荒谬的级别时,内容不会消失到两侧(没有人会真的会希望页面工作但我仍然想要覆盖我的基地)。使用Semantic,有两个结果:
1)使用max-width
整个页面左对齐并以1600px截断。
2)如果没有max-width
,那么东西的间隔太大(总是连接到边缘),标题内容会消失在左边。
如果您访问Semantic UI的主页并缩小,您可以看到该页面与标题内容(不是标题背景)一起居中,我认为他们为自己的页面使用自己的框架,因此必须以某种方式实现。
我如何实现这一目标?
答案 0 :(得分:0)
添加margin: 0 auto;
。例如:
.container {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}