So verstecken Sie div im Bootstrap

Tipps zum Anzeigen versteckter DIVs

Verwenden Sie das 12-Punkte-Raster von Bootstrap, um den

Stil zu demonstrieren ="display: none;" Den belegten Seitenbereich nach dem Ausblenden freigeben

document.getElementById("typediv1").style.display="none";//Hide

document.getElementById( "typediv1").style.display="";//Display

　　　　　　　　　　　　　　　　  <div class="form-group">
                                <div class="col-lg-3 col-sm-6">
                                    <label class="col-sm-4 control-label">{{taskId}}</label>
                                    <div class="col-md-8">
                                        <input type="text" id="xxx" class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6"  style="display:none;">
                                    <label class="col-sm-4 control-label">{{msgId}} </label>
                                    <div class="col-sm-8" 　 >
                                        <input type="text" id="xxx" class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <label class="col-sm-4 control-label">{{createTime}}</label>
                                    <div class="xxx   input-group col-sm-8" >
                                        <input type="text" id="xxx" class="xxx">
                                        <span class="input-group-addon">
                                            <i class="fa fa-clock-o bigger-110"></i>
                                        </span>
                                    </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <label class="col-sm-4 control-label">{{to}}</label>
                                <div  class="xxxe input-group col-sm-8">
                                    <input id="xxx"
                                        class="xxx">
                                    <span class="input-group-addon"> <i
                                        class="fa fa-clock-o bigger-110"></i>
                                    </span>
                                </div>
                            </div>
                       </div>

Verwandte Empfehlungen: „Bootstrap Erste Schritte Tutorial“

Das obige ist der detaillierte Inhalt vonSo verstecken Sie div im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!