tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

bootstrap模板 form的一点布局用法

4143人阅读 2019/9/19 22:38 总访问:1640323 评论:0 收藏:0 手机
分类: 前端


bootstrap form的布局可以在form stuff里边看到,我们就复制form layouts里边的吧


复制这里的

我们实现一个简单的资源上传的页面,如下:

其实直接复制过来用就行了,没有太多好说的,只是有点东西可以记录一下。


宽度可以通过设置col-md后面的数字来改变,里边的输入控件是根据外面div的宽度来的

比如模板中是col-md-4如果想要变宽一点col-md-6就可以了。


又比如一行同时放两个

一样的通过col-md即可

只是默认情况下两个控件的间距有点大,默认都是padding-left与padding-right都是15,如果想要跳转间距,通过把这两个样式设置小一点即可,要注意的是,这里设置小了同时控件的宽度就会变宽,和其他相对就不对应了,所以其他地方也要同时设置一样才能保持宽度一致



欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价