![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BootStrap笔记
文章平均质量分 59
JenisFine
这个作者很懒,什么都没留下…
展开
-
Range进度条的那些事
设置min and max 把range设置最低为min 最大为max的格数,例如设置min为0,max为5,就会将range设置成6个格子供调控。承接上文,如果你觉得一步一格太大了,也可以设置step,例如step=0.5,原本的6格现在就需要走10次。在input 设置属性min,max。原创 2023-03-04 12:29:48 · 115 阅读 · 1 评论 -
Check & radio的样式
往任意class为form-check的标签添加 .form-check-inline将使这组checkboxes 或者 radio 放在同一水平行中。在div上添加classes:form-check form-check-reverse。在div上添加classes:form-check form-check-inline。在div上add class.form-check .form-switch。input using role="switch"让推拉switch效果生效。原创 2023-03-04 12:23:22 · 150 阅读 · 0 评论 -
Form的选项Select
在前文的Form control中我们学过datalist,那么select和datalist的区别在于select只能在提供的选项中选择,而datalist只是为了一些固定模式用户可以快捷选择或者自己填写特殊答案。select标签添加一个class .form-select。大,add classes .form-select-lg。不需要下拉,直接将select内的option渲染在页面中。同样在select标签单位添加disabled属性。小,.form-select-sm。添加option选项。原创 2023-03-04 12:21:49 · 724 阅读 · 0 评论 -
Form controls表单属性控制
有些时候,我们需要提供给用户一些默认的可期待的选项,而这时我们希望在用户点击input框时,有跳出的内容以供用户选择,当然用户也可以手动输入,而这些选择就是属于datalist的内容。因为不同的浏览器可能对于type:color的input框会设置不同的高度,bootstrap规定了固定的大小。在input的list属性标注的id得到绑定。但是这种datalist的style在各个浏览器是不同的。的value属性被作为展开的选项。原创 2023-03-04 12:20:30 · 1029 阅读 · 0 评论 -
如何写出一个规整的Form(Overview)
一个Bootstrap's style的check input .form-check-input。如何实现行内文字,只需要使用那些行内特性的html标签元素并只标上form-text。每个input都有一个label对应.form-control。一个Bootstrap's style的btn。此处选择直接对div添加.row使其确保一行。在框下有一个描述文字.form-text。利用行内标签为其添加描述文字。原创 2023-03-04 12:16:49 · 48 阅读 · 0 评论 -
Bootstrap内容Content
RebootTypography文本印刷原创 2023-03-04 12:12:39 · 95 阅读 · 0 评论 -
Bootstrap来写个好看的文本内容
几种文本标头摆放方式原创 2023-03-04 12:08:02 · 232 阅读 · 0 评论 -
Bootstrap的文本内容之Reboot
用于各种元素使用bootstrap重置原创 2023-03-04 12:03:21 · 118 阅读 · 0 评论 -
Bootstrap的Layout和常见layout摆放就在这
num表达gutters的宽度,数值越高间隔越大,但是可能会溢出(overflow)所以我们在container限制padding,例如这里使用px-4,作为替代其实也可以使用.overflow-hidden。我想聊聊这个classes:row row-cols-2 row-cols-lg-5 g-2 g-lg-3。注意这个classes:bd-example-row-flex-cols。利用justify-content-md-center控制方位。row-col-num的num表示一行里的列有多少个。原创 2023-03-04 11:59:15 · 670 阅读 · 0 评论 -
BootStrap的颜色与下拉模块
bootstrap框架的快速搭建笔记原创 2023-03-04 11:51:44 · 768 阅读 · 0 评论