在引导程序中居中对齐文本框

非法

我想做的是居中对齐3个文本框和按钮。我怎样才能做到这一点?

 <div class="navbar_foot navbar-default navbar-fixed-bottom">


        <form class="navbar-form navbar-middle">
            <div class="form-group">
                <div class="row featurette">
                    <div class="col-md-3">
                        <input class="form-control input-lg" type="text" id="inputLarge"
                            value="" placeholder="Email Address">

                    </div>
                    <div class="col-md-3 ">
                        <input class="form-control input-lg" type="text" id="email"
                            value="" placeholder="Repeat Email Address">

                    </div>

                    <div class="col-md-3 ">
                        <input class="form-control input-lg" type="password" id="lName"
                            value="" placeholder="Password">
                    </div>

                    <div class="col-md-3 ">
                        <button type="button" class="btn btn-primary btn-lg">Register
                            Today</button>
                        <a href="#myModal" role="button" id="myButt"
                            class="btn btn-large btn-primary" data-toggle="modal">Launch
                            Demo Modal</a>

                    </div>


                </div>



            </div>
        </form>

    </div>

的CSS

.navbar_foot .navbar-collapse_foot {
    text-align: center;
    align: center;
    display: inline-block;
    float: none;
}
戴安娜·纳萨尔(Diana Nassar)

如果您删除.navbar-collapse_foot以下内容,则您的班级正在上课

http://jsfiddle.net/DianaNassar/6BEmY/

.navbar_foot{
    text-align: center;
    align: center;
    display: inline-block;
    float: none;
}

更新:

如果您希望它们彼此相邻而不是在下面:

http://jsfiddle.net/DianaNassar/Mhy7P/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

div中居中对齐文本框

来自分类Dev

HTML引导程序文本框对齐

来自分类Dev

按钮旁边的引导程序对齐文本框的问题

来自分类Dev

使用引导程序类垂直对齐文本框

来自分类Dev

将文本框居中对齐

来自分类Dev

文本框宽度未在引导程序中调整

来自分类Dev

具有引导程序的表单设计-对齐文本框和文本区域

来自分类Dev

引导程序输入组文本框+输入组附加组件未对齐

来自分类Dev

如何使用引导程序在面板标题中垂直对齐标签和文本框

来自分类Dev

引导中文本框和按钮的CSS对齐问题

来自分类Dev

文本框和引导标签对齐的问题

来自分类Dev

如何在引导程序 3 中居中对齐照片下方的文本?

来自分类Dev

引导程序中垂直居中的搜索框

来自分类Dev

将引导程序按钮与随附文本水平居中对齐

来自分类Dev

需要文本在引导程序中对齐

来自分类Dev

如何在引导程序中的两个文本框之间留出空间

来自分类Dev

将引导程序元素添加到ASP文本框中

来自分类Dev

使用引导程序和JavaScript在文本框区域的onfocus事件中添加图标

来自分类Dev

引导程序中间的按钮组和文本框

来自分类Dev

在matplotlib文本框中对齐LaTeX数学文本

来自分类Dev

如何在Xcode的文本框中对齐文本?

来自分类Dev

VBA Word将文本框文本/段落垂直对齐设置为“居中”

来自分类Dev

对齐文本框的问题

来自分类Dev

如何在文本框垂直对齐的框中对齐文本中心

来自分类Dev

在引导模式中创建动态文本框

来自分类Dev

文本框(UWP)中内容的垂直对齐

来自分类Dev

将下拉列表中的文本框向左 css 对齐

来自分类Dev

表单中的文本框对齐方式和角样式

来自分类Dev

html:如何在未居中的文本框中居中放置文本

Related 相关文章

热门标签

归档