视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
bootstrap2.3与bootstrap3.3modal嵌入表单的样式改变
2020-11-09 07:36:57 责编:小采
文档


2014年12月16日22:55:24 我在做一个ssh的案例的时候,想做一个新增用户的模态框。我用bower下载的bootstrap应该是最新的3.31版本来的,在官网copy了一段模态框效果的原生code,然后在modal-body里面添加如图(1)代码,发现的效果如图(1),行与行之间的input是没

2014年12月16日22:55:24

我在做一个ssh的案例的时候,想做一个新增用户的模态框。我用bower下载的bootstrap应该是最新的3.31版本来的,在官网copy了一段模态框效果的原生code,然后在modal-body里面添加如图(1)代码,发现的效果如图(1),行与行之间的input是没有间距,本来想在tr处添加style="margin-top:10px;",但是不起效果。后来在bootstrap的中文官网看了一下一些实用的案例,但是都没有找到。然后就尝试通过去bootstrap的英文官网看了一下,虽然行与行之间有了一定的间距,但是每一个Input的宽度都是占满整行,看起来非常不舒服(如图效果(2))。但是我修改之后,效果感觉还不错,如效果图(3),我简单说一下我修改的东西(如图(2)):

1、去掉每个input的class="form-control"这个类
2、通过全局控制样式给每个input添加width:250px,height:30px; line-height:30px
(宽高根据具体设置即可)

我觉真的学习了,分享给大家,希望对大家有帮助!!!






下载本文
显示全文
专题