html - 当行未满时 Bootstrap 中心 div

标签 html css angularjs twitter-bootstrap responsive-design

我有通过 ng-repeat 显示的视频。我需要视频本身与主体卡齐平(我们遵循 Material 设计)并且出于“原因”我不允许使用动态视频宽度。

所以我必须做的就是像这样将 Bootstrap 类附加到视频上的透明父 div

<div class="col-md-4 etc etc">
 <div class="videoWithFixedHeight">

这很好用,可以根据屏幕大小堆叠视频卡。但是,当只有一个/两个/三个视频时,我希望它们自动居中(文本对齐:居中不起作用)。这里的问题是我不知何故需要 Bootstrap 来知道有多少视频并相应地对齐它们..

任何想法将不胜感激,提前致谢!

最佳答案

您可以按照此处的说明添加 .col-md-offset-2 http://getbootstrap.com/css/#grid-offsetting

<div class="col-md-4 col-md-offset-2 etc etc">

关于html - 当行未满时 Bootstrap 中心 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34025240/

相关文章:

jquery - 如何用jquery制作简单的下滑div

html - 显示一个(n) <li> 基于@media 查询格式化为一个 flexbox

javascript - 在没有某些 div 的情况下淡入背景

javascript - 加载 JavaScript 后注入(inject) css

php - 如何使用简单的 html dom 解析器从 scrape 中抓取特定数据

java - 用于在 HTML5 中绘制图形(不是图表,而是 DAG)的 JSF

javascript - 注入(inject) Controller 时出现 Angular 模块注入(inject)错误

twitter bootstrap form-group 的 AngularJS 指令

javascript - 在 ng-repeat 中动态应用格式化过滤器

html - 带有位置粘性的标题和带有图像背景的 div 重叠