使用bootstrap垂直居中div

文章/答案/技术大牛

发布

23回答

如何使用Twitter Bootstrap获取居中内容？

html、css、twitter-bootstrap

使用时，我希望能做到以下几点：<div class="row"> <h1>Bootstrap starter template</h1></p></div>...would生成居中文本。但是，它仍然出现在最左边。我做错了什

浏览 4提问于2012-02-08得票数 584

回答已采纳

1回答

html、css、bootstrap-4

我使用的是bootstrap 4，我想让id为table的div在视图屏幕的中心垂直居中，我尝试在它的父元素上使用`align-items-center，但这不起作用。这是我的HTML： <div id="gameTable" class="d-flex h-100"> <div class="container align-items-center</

浏览 11提问于2019-01-26得票数 0

回答已采纳

13回答

Bootstrap 4中的垂直对齐中心

css、twitter-bootstrap、bootstrap-4、flexbox、bootstrap-5

我正在尝试使用Bootstrap 4将我的Container放在页面的中间，到目前为止我还没有成功。任何帮助都将不胜感激。我在 Codepen.io 所以你们可以试着使用它，让我知道什么是有效的，因为我几乎没有想法了…… var currentAuthor = "";function

浏览 166提问于2017-02-15得票数 437

回答已采纳

11回答

Twitter Bootstrap -如何水平或垂直居中元素

css、twitter-bootstrap

有没有办法让html元素在主父元素中垂直或水平居中？

浏览 1提问于2012-04-10得票数 292

回答已采纳

3回答

如何确定与bootstrap垂直和居中对齐？

html、css、twitter-bootstrap

我在创建这个问题之前尝试了很多，但我没有找到这样的东西，我不能垂直地将div与引导对齐，我该怎么做呢？<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.c

浏览 0提问于2020-06-03得票数 0

2回答

如何在Bootstrap列中将div垂直居中？

html、css、twitter-bootstrap

我尝试在Bootstrap列中垂直(和水平)居中一个div (高度和宽度未知)。我可以通过将text-align设置为center来水平居中div。然而，我正在努力使div垂直居中。下面是我的代码片段： <div class="col-md-8 col-md-offset-2 col-xs-12"&

浏览 0提问于2014-05-27得票数 2

3回答

如何使旋转木马内的内容垂直居中？

javascript、jquery、html、css、twitter-bootstrap

我指的是Bootstrap的carousel ()。如你所见，内容没有居中。我已经尝试设置了carousel-caption(垂直对齐:中间；)，但是没有任何变化。<div class="carousel-inner"> <div class=&quo

浏览 2提问于2014-02-03得票数 3

回答已采纳

1回答

如何使Bootstrap Modal在div中居中，而不是在屏幕中？

html、css、twitter-bootstrap

我正在看这个页面- https://getbootstrap.com/docs/5.0/components/modal/ 此示例显示了垂直居中模式。  ...</div> 默认情况下，它也是水平居中的。

浏览 25提问于2021-08-11得票数 0

1回答

在bootstrap 4中，使用站点上的导航栏将元素垂直居中

html、css、twitter-bootstrap

我尝试将一个元素在页面上垂直居中。这很好用。但是如果我添加一个导航栏，元素会垂直居中，但与导航栏的高度有一定的偏移。如何将内容容器垂直居中，包括导航栏高度？ body,html {} <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap

浏览 43提问于2021-10-12得票数 1

回答已采纳

3回答

如何在div类行中间对齐内容？

html、css、twitter-bootstrap

感谢您的任何帮助html代码中的部分是这样的： style="height: 50px;padding-top: 15px; background: #36304a; align-content:center; color: white; font-weight: bold

浏览 0提问于2018-10-20得票数 1

4回答

在屏幕中间居中放置一个块

html、css、twitter-bootstrap

我想在屏幕中间居中显示一段文字。我想使用bootstrap将文本居中显示在屏幕中间，以节省一些时间。.block { left: 50%; HTML： <div class="col-xs-4">Text</div> &l

浏览 5提问于2015-01-23得票数 1

1回答

引导弹出窗口未与箭头对齐

html、css、twitter-bootstrap、bootstrap-popover

我在我的一个项目中使用了bootstrap popovers，我遇到了一个问题。我的弹出窗口被向上推，因为它击中了我可见屏幕的底部，但当我向下滚动时，它并没有向下移动以与箭头对齐。trigger: 'hover', })<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrapclass="container-fluid&quo

浏览 8提问于2017-10-23得票数 1

1回答

无法获得输入以对齐引导带4列内的垂直中心

css、bootstrap-4

我试图创建一些表单元素并垂直对齐列中的输入。我试过使用vertical-align:middle;和margin:auto 0;，但两者似乎都不起作用。 vertical-align:middle;} <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel=&quo

浏览 0提问于2019-01-28得票数 0

回答已采纳

1回答

将边框保持在父级高度，同时将子级垂直居中

bootstrap-4

我想在我的列之间有一个垂直分隔符，它始终保持相同的高度，无论它的列有多少换行符。我使用border-left来做这件事，它很方便，因为当右边没有列的时候，它就消失了。同时，我希望每个列的内容垂直居中。我曾经通过添加自动边距将其居中，但这会删除一些边框。有没有人知道如何在不需要添加CSS的情况下将这两个需求(内容垂直居中+相同的垂直分隔线高度)放在一起--只需使用Bootstrap 4类？ <link href

浏览 0提问于2020-05-22得票数 0

3回答

Bootstrap中的文本对齐

html、css、twitter-bootstrap

我正在开发一个bootstrap风格的网站，我有文本需要居中。我已经使用center align将它在水平维度居中，但我不知道如何在行中垂直居中。<div class="col-md-6"></div> “align=”cente

浏览 5提问于2014-05-02得票数 2

1回答

在引导中垂直居中对齐列

css、twitter-bootstrap、flexbox、vertical-alignment

我尝试了十几种方法在bootstrap中垂直居中对齐列，但都不起作用。我的问题是我不知道列的高度。我可以使用flexbox吗？它嵌入在Bootstrap 3中了吗？ <div class="row"> <div class="col-md-2" style="padding:

浏览 2提问于2016-02-12得票数 3

回答已采纳

2回答

具有垂直居中内容的Bootstrap粘性页脚

html、css、twitter-bootstrap

尝试修改bootstrap的粘性页脚示例，使其具有垂直居中的内容，但仍然失败。都会很感谢你的帮助。<html lang="en"> <meta charset="utf-8"> <title>Sticky footer · Twitter Bootstrap/assets

浏览 2提问于2013-07-31得票数 4

3回答

创建图像的标记中心

html、css、twitter-bootstrap

我使用的是bootstrap 3，我想在图像的顶部添加一个带有图标的链接，并将其垂直居中。<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12"> <div class="post-img"> <ahref="#" class="my-icon&q

浏览 0提问于2016-05-14得票数 5

3回答

引导列中垂直居中响应图像

javascript、html、css、twitter-bootstrap、less

我不喜欢在代码中使用硬编码的图像大小(像素计数)，并且我愿意在解决方案中使用Less、CSS或Javascript的组合。图像应该在Bootstrap列中垂直和水平居中，并且即使调整了屏幕大小也保持居中。我的HTML： <div class="container"> <div class=&

浏览 7提问于2014-12-16得票数 5

2回答

为什么我的div在使用bootstrap时不在父行居中？

html、css、twitter-bootstrap

所以我试图通过在父row上使用align-items-center来垂直居中我的绿色div，这些div是带有myCol类的，但是它没有居中，我不知道为什么。background: green;} <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2&#

浏览 0提问于2019-10-31得票数 0

点击加载更多