如何在模型标签和模型文本字段之间给出空格

时间:2015-08-10 15:21:01

标签: html twitter-bootstrap

我正在尝试使用twitter bootstarp在标签和文本字段之间留出空格。 贝娄是截图 我想在

之间留一个空格

用户名标签空间用户名文本字段
与其他领域相同。 我怎么能这样做

这是我的代码



<div class="modal fade" id=addNewUser tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                	<h4 class="modal-title" id="myModalLabel">New User</h4>

            </div>
            <div class="modal-body">
                <form class="AddUser" role="form">
                    <div class="input-group col-md-8"> <span class="input-group-addon ">User Name</span>

                        <input class="form-control" type="text" class="form-control" placeholder="User Name" />
                    </div>
                    <div class="input-group col-md-8">	<span class="input-group-addon">Password </span> 
                        <input class="form-control" type="text" class="form-control" placeholder="Password" />
                    </div>
                    <div class="input-group col-md-8"> <span class="input-group-addon">Roles</span>

                        <div class="checkbox">
                            <label>
                                <input type="checkbox">Admin</label>
                        </div>
                    </div>
                    <div class="input-group col-md-8">	<span class="input-group-addon">Status</span>

                        <div class="radio">
                            <label>
                                <input type="radio">Active</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default blue-btn">Add User</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
&#13;
&#13;
&#13;

当我申请时

.input-group-addon { display: inline-block; margin-right: 12px; width: 80px; }

I am getting this

我正在使用的Css

&#13;
&#13;
 .input-group-addon {
    min-width:100px;
    text-align:left;
} 
 

 .modal-dialog {
  height: 80%;
  padding-top:10%;
} 


.modal-content {
  height: 60% !important;
  overflow:visible;
}

.modal-body {
  height: 70%;
  overflow: auto;
}


.modal-footer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

A=xlsread(...)插入字幕的末尾

&nbsp是用于表示不间断空间的实体。它本质上是一个标准空间,主要区别在于浏览器不应该在此&nbsp占用的点处中断(或换行)一行文本。

或使用CSS .. 使用&nbsp;样式为表单输入元素提供样式表。

在这种情况下,您将使用margin:字段上的样式。

class="input-group-addon"

答案 1 :(得分:0)

也许尝试类似的事情:

.input-group-addon { display: inline-block; margin-right: 12px; width: 80px; }