相关疑难解决方法(0)

我使用Bootstrap 3进行目录.当在平板电脑上显示时,产品图像看起来很难看,因为它们的尺寸很小(500x500),浏览器的宽度为767像素.我想把图像放在屏幕的中央,但由于某种原因,我不能.谁将帮助解决问题？

我正在尝试使用Bootstrap 4将我的Container放在页面中间.

我正在使用引导程序框架并尝试将图像水平居中而不成功.

我已经尝试了各种技术,例如将12个网格系统分成3个相等的块,例如

<div class="container">
    <div class="row">
      <div class="span4"></div>
      <div class="span4"><img src="logo.png" /></div>
      <div class="span4"></div>
    </div>
</div>

使图像相对于页面居中的最简单方法是什么？

我有这个代码:

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
table,
thead,
tr,
tbody,
th,
td {
  text-align: center;
}

小提琴

出于某种原因,表格内的文字仍然没有居中.为什么？如何将文本置于表格中心？

为了使它真正清晰:例如,我希望"Lorem"坐在四个"1"的中间.

我在Bootstrap 4:Bootply链接中进行了以下设置

其中带有"Supplier"文本的元素应该是垂直居中的,我有不同的行,代码相同,我希望它们居中.没有解决方案似乎对我有用.

有人可以在这里找到我做错了什么,并指出我正确的方向？

谢谢.

Bootstrap 4中的垂直中心模态对话框.

注意:添加了以下要求以明确我正在寻找一种适当的方法来垂直居中Bootstrap模式,涵盖所有可能的设备,在所有浏览器中.在我的情况下,我想要一个大型SPA在整个应用程序中重用相同的模式,所以我需要它在每种情况下工作.

这应该:

• 即使在高于设备高度的情况下,也可以在所有设备上访问模态内容
• 适用于任何设备+浏览器组合,市场份额大于 1%
• 不使用display:table-cell或类似的黑客(任何布局技术不意味着或设计用于布局)
• 靠近click或tap在其外的任何地方.modal-content(包括上方和下方).
• 尽可能限制jQuery/JavaScript的使用
• (可选)处理默认的Bootstrap示例,无需进行标记修改

我需要在中心显示div class="col-md-6"

这是代码,它显示左边的计时器我需要在中心显示时间

<div class="container">
  <div class="row">
    <div class="wpb_column vc_column_container col-md-6">
      <div class="vc_column-inner ">
        <div class="wpb_wrapper">
          <div class="event-wrapper featured-event  ">

            <!-- the loop -->
            <div class="upcoming-campaign">
              <img width="555" height="400" src="http://andrejceccoli.com/wp-content/uploads/2016/10/elezioni_sfondo.jpg" class="img-responsive wp-post-image" alt="Elezioni Politiche">
              <div class="campaign-scoop">
                <h3 class="title"><a href="http://trendytheme.net/demo2/wp/nominee/onepage/event/election-campaign/">Elezioni Politiche</a></h3>

                <span class="start-date">Inizia il: <span class="colored">20 Nov 2016</span></span>

                <div class="countdown-wrapper">
                  <ul class="countdown list-inline" data-countdown="2016-11-20">
                    <li><span class="days">38<span><p>Days</p></span></span>
                    </li>
                    <li><span class="hours">07<span><p>Hour</p></span></span>
                    </li>
                    <li><span class="minutes">48<span><p>Minutes</p></span></span>
                    </li>
                    <li><span class="second">12<span><p>Second</p></span></span>
                    </li>
                  </ul>
                </div>
                <address><i class="fa fa-map-marker"></i>San Marino</address>
                <span class="event-duration colored"><i class="fa fa-clock-o"></i>08:00 AM - 23:00 PM</span> …

我的CSS有问题.我的索引页面中有一个面板表单,我想在页面中间垂直和水平移动它.但我不知道如何为此创建CSS.

这是我的示例代码:

<div class="login_header"></div>

<div class="container" style="text-align: center;">
    <div class="col-md-6 col-md-offset-3">
        <div class="panel_form panel panel-default">
            <div class="panel-content">
                <h1>test</h1>
            </div>
            <div class="panel-footer">
                <p>test</p>
            </div>
        </div>
    </div>
</div>

<footer class="footer"></footer>

我有这样的CSS:

.login_header { min-height: 50px; background-color: #f5f5f5; }

.panel_form {
   /* I don't have an idea with this */
}

.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
}

我对CSS不够好,这就是为什么我需要你的帮助.就这些,多谢.. :)

如何在 Bootstrap 5 中垂直居中？\n它应该在和屏幕结束div之前的内容之间的中间对齐。div

尝试过这个：

    <div>some content</div>\n    <div class="d-flex flex-column min-vh-100 justify-content-center align-items-center">\n        <div>div that should be centered</div>\n    </div>\n

它使页面比实际长度长。div\xc2\xb4t 看起来不居中。

我开始使用Bootstrap 4，并尝试创建一些基本布局。根据bootstrap 4 docs，我可以通过将class元素应用于align-items-center它们来垂直对齐它们。

我尝试在Codepen上做一个基本示例，但div不在垂直居中。

我做错了什么？