css - 水平对齐 bootstrap div 的最佳方法是什么?

标签 css twitter-bootstrap

我已经尝试过以 col 为中心的类,margin:0 auto,但我需要将包含的 div 的宽度查看为设置的像素宽度...我不希望这样...必须响应还有。

笔在这里:

http://codepen.io/Satearn/pen/WpzJYy

   .center-portfolio
 {
 margin:0 auto;
padding-left:20px;
  width:800px;
}

最佳答案

在这种情况下,您可以将 text-align: center; 添加到 .center-portfolio 并添加 .center-portfolio > p { display: inline- block ;。但是您必须向 .center-portfolio

添加额外的 margin-top

View on Codepen

可以查看https://css-tricks.com/centering-css-complete-guide/有关在 CSS 中居中的更多信息,非常酷的文章。

附言您可能希望将 width 更改为 max-width

关于css - 水平对齐 bootstrap div 的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42942766/

相关文章:

javascript - 动态内容自动中心

css - 如何将输入框图标高度更改为居中?

html - 我如何在 Coda2 中使用 Bootstrap?

html - 如何在 bootstrap 4 中将连续的内容居中?

html - float : left problems while using DIVs?

css - 页脚上方的空白使用 CSS 位置 :fixed

css - 如何获取使用 ExCSS 解析的 CSS 的十六进制代码

javascript - 从成功函数追加 Ajax 结果 "live"

css - Bootstrap 导航透明

javascript - 如何在 Bootstrap 选项卡中禁用缓存 ajax 加载内容