如何在引导程序 3 中居中表单 [英] How to center form in bootstrap 3

问题描述

如何将我的登录表单居中?我正在使用引导程序列，但它不起作用.

这是我的代码:

<div class="row"><div class="col-md-4 col-md-offset-6"><h2>登录</h2><div><表格><tr><td>1</td><td>1</td></tr><tr><td>2</td><td>2</td></tr><tr><td>3</td><td>3</td></tr>

解决方案

一个简单的方法就是添加

.center_div{边距:0 自动；width:80%/* 您选择的适合您对齐方式的值 */}

给你的 .container 类.将 width:xx % 添加到它，你会得到完美居中的 div！

例如:

但我觉得默认情况下 container 以 BS 为中心！

How can I center my login form ? I'm using bootstrap column but it's not working.

Here is my code:

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-6">
            <h2>Log in</h2>   
            <div>
                <table>
                    <tr>
                        <td>1</td>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>2</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>3</td>
                    </tr>
                 </table>
             </div> 
        </div>
    </div>
</div>

解决方案

A simple way is to add

.center_div{
    margin: 0 auto;
    width:80% /* value of your choice which suits your alignment */
}

to you class .container.Add width:xx % to it and you get perfectly centered div!

eg :

<div class="container center_div">

but i feel that by default container is centered in BS!

这篇关于如何在引导程序 3 中居中表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！