bootstarp 的from_group

任务效果:

bootstarp 的from_group

 

 

知识点:

1· bootstarp 的 form_group

2· bootstarp 的datetime_picker

 

*原型:

bootstarp 的from_group

 

 

实现步骤:

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

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

bootstarp 的from_group  bootstarp 的from_group

 

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

 

 

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

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

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

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

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

 

   bootstarp 的from_group

 

 

 

4.datetime picker的引入

4.1 基础配置

bootstarp 的from_group

 

bootstarp 的from_group

 

 

3.2 时间的配置

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

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

           bootstarp 的from_group

   bootstarp 的from_group

 

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

 

bootstarp 的from_group

上一篇:如何将word公式复制到富文本编辑器里面


下一篇:IDEA工具第五篇:关于Version Control窗口Local Changes显示问题