更改样式:增加btn-fill样式

This commit is contained in:
Argo-MacBookPro 2018-08-10 11:51:52 +08:00
parent 1f1924cc4c
commit 141dceb1a9
9 changed files with 15 additions and 7 deletions

View File

@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div class="form-group col-sm-6 col-md-5"> <div class="form-group col-sm-6 col-md-5">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -47,7 +47,7 @@
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<label class="sr-only"></label> <label class="sr-only"></label>
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -18,7 +18,7 @@
<input type="text" class="form-control" id="txt_group_desc" /> <input type="text" class="form-control" id="txt_group_desc" />
</div> </div>
<div class="form-group col-sm-12 col-md-2"> <div class="form-group col-sm-12 col-md-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -62,7 +62,7 @@
</div> </div>
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -47,7 +47,7 @@
</div> </div>
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -24,7 +24,7 @@
<input type="text" class="form-control" id="txt_role_desc" /> <input type="text" class="form-control" id="txt_role_desc" />
</div> </div>
<div class="form-group col-sm-12 col-md-2"> <div class="form-group col-sm-12 col-md-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -18,7 +18,7 @@
<input type="text" class="form-control" id="txt_display_name" /> <input type="text" class="form-control" id="txt_display_name" />
</div> </div>
<div class="form-group col-sm-12 col-md-2"> <div class="form-group col-sm-12 col-md-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -21,6 +21,10 @@
.modal-lg { .modal-lg {
max-width: calc(90%); max-width: calc(90%);
} }
.btn-fill {
width: auto;
}
} }
@media (min-width: 940px) { @media (min-width: 940px) {

View File

@ -8,6 +8,10 @@
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
} }
.btn-fill {
width: 100%;
}
.tooltip-inner { .tooltip-inner {
max-width: 768px; max-width: 768px;
} }