首页 > 其他 > 详细

bootstarp 的from_group

时间:2021-07-21 17:14:13      阅读:20      评论:0      收藏:0      [点我收藏+]

任务效果:

技术分享图片

 

 

知识点:

1· bootstarp 的 form_group

2· bootstarp 的datetime_picker

 

轮子原型:

技术分享图片

 

 

实现步骤:

1. 将轮子两两拼合  ,两个div 想放在一排,在父级盒子上 将 display:flex 

2.去掉了border 和背景图片  ,如何修改源轮子上的样式----覆盖----覆盖命名规则,方法如2-1,2-2

技术分享图片  技术分享图片

 

                       2-1 自己取名覆盖原先名字                                                                2-2  css 样式如图

 

 

3.两个输入框中间的分割线

   错误写法:想在html 的两个输入框加入竖线,但是会产生很大的空白间距

   解决方法:使用伪类before ,在第二个输入框前加入如下的代码:

      content:"" 相当于给分割线一个占位符 (视为已经创造了一个盒子)

     给它border 也行,给一个长宽 加一个背景色也可以

 

   技术分享图片

 

 

 

4.datetime picker的引入

4.1 基础配置

技术分享图片

 

技术分享图片

 

 

3.2 时间的配置

1. 获取日期,自动获取时间(出现问题

     1.1 自己的写法(只在input 绑定了datetimepicker的标签)

           技术分享图片

   技术分享图片

 

    1.2 未实现的部分: 选择只能选择时间,无法自动获取

 

bootstarp 的from_group

原文:https://www.cnblogs.com/veegeer/p/15039474.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!