Html 在引导中居中4列Div

我刚开始使用bootstrap，遇到了麻烦。我已经搜索了一个小时，试图找出如何将我制作的div（目的是作为链接）显示在页面中心，但没有成功。下面是我的HTML和CSS代码，如果你能帮我找出我做错了什么，我将不胜感激

HTML

使用类别：

category col-xs-8 col-xs-offset-2

而不是

类别col-md-4 col-centered

这将成为第4/12分区，即第1/3分区

---

如果屏幕大小为

，则将您的categories.css包含在引导css之后。如下图所示。这将覆盖引导样式

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="categories.css">



参考此

另一种方法是使用引导类
.col-md-offset-4
您应该使用
.col-md-offset-4
来居中
.col-md-4
。如果使用默认引导，则网格有12列。您的div需要4列，因此将其偏移4列将使其从第4列开始，在第8列结束，这与居中相同

我强烈鼓励你们阅读，尤其是这一节

这是一个工作
我应该澄清一下，我不希望div占据所有12列，只是中间的4列或8列，或者我指定的任何列。啊，当然，这是很愚蠢的事情。非常感谢。您使用的引导程序不正确。Bootstrap有它自己的方法使列居中，并且使用您自己的类来实现已经内置的功能，这是对轮子的重新发明。
category col-xs-8 col-xs-offset-2

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="categories.css">