jquery - 如何使用 Bootstrap 将 div 居中

标签 jquery html css twitter-bootstrap-2

我如何将 span7 中的 div 居中,以便 span7span5 都显示在同一行中。我正在使用 bootstrap 2.3.2

这是我的代码 jsfiddle

<div class="row-fluid">
                <!-- 1st Column -->
    <div class="span7">
         <div id="imagediv" style="position: relative;">
             <img src="" style="z-index: 0;" >
         </div>           
    </div>
                <!-- END 1st Column -->


                <!-- 2nd Column -->

    <div class="span5">
        <div>
            <p class="well" style="min-height: 440px; word-wrap: break-word;"> Profile Info </p>
        </div>   
    </div>

          <!-- End 2nd Column -->
</div>

我怎样才能使 imagediv 成为 span7 的中心

最佳答案

 <div id="imagediv" class="text-center" style="position: relative;">
             <img src="" style="z-index: 0;" >
         </div>

添加类 text-center

关于jquery - 如何使用 Bootstrap 将 div 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24651307/

相关文章:

javascript - JQuery 隐藏所有元素

javascript - 使用 JQuery/Javascript 获取 2 个日期之间的天数时格式化日期

php - jquery Ajax 成功后突出显示数据

jquery - 背景图像平滑滚动到某个 (x,y) 点

javascript - 限制可以选择的焦点元素的数量

html - 是否有关于实际打印网页的人数的分析?

javascript - 如何在javascript中制作Json数组

html - 为什么 IE 在我的 "modal dialog"后面选择背景中的文本?

css - 如何在嵌套的 <ul> 中定位两个 <li>?

jquery - Imgur API GET 图像问题