Question

您好如何在此div中的标签前添加空格？即时通讯使用自举网格系统。没有填充可以做到吗？

JAVA_HOME

Answer 1

可以帮助构建这种方式。

HTML：

<div class="form-group">
     <div class="row">
        <label class="event-label col-md-2" style="font-size:16px">
        Event:</label>
        <input type="text" class="event-input">
      </div>
</div>

Answer 2

您只需要将container类添加到包装器div，或者如果您需要全宽容器，则可以使用container-fluid类而不是container。

<div class="module-body container">

行必须放在.container（固定宽度）或.container-fluid（全宽）内，以便正确对齐和填充。

您为每个标签和输入组添加了一行，这不是一个好习惯。

＆＃13;

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);

＆＃13;

<div class="module-body container">
                                    <div class="row">
                                        <label class="event-label col-md-2" style="font-size:16px">Event:</label>
                                        <input type="text" class="event-input">
                                    </div>
                                    <div class="row">
                                        <label class="event-label col-md-2" style="font-size:16px">When:</label>
                                    </div>
                                    <div class="row">                                    
                                        <label class="event-label col-md-2" style="font-size:16px">Where:</label>
                                        <input type="text" class="event-input">
                                    </div>
                                    <div class="row">
                                        <label class="event-label col-md-2" style="font-size:16px">Cause:</label>
                                    </div>
                                    <div class="row">
                                        <label class="event-label col-md-2" style="font-size:16px">Preferred Skills:</label>
                                        <input type="text" class="event-input">
                                    </div>
                                    <div class="row">
                                        <label class="event-label col-md-2" style="font-size:16px">No. of Volunteers:</label>
                                    </div>
                                    <div class="row">
                                        <label class="description-label col-md-2" style="font-size:16px">Description:</label>
                                    </div>
                                        <input type="text" class="event-description">
                                </div>

＆＃13;

标签前的bootstrap col空间

2 个答案: