玩转Bootstrap（基础）_技术问答

首页免费课玩转Bootstrap（基础）问答

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46635
免费课程
                                
Sass入门篇
中级·104425
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128654
免费课程
                                
十天精通CSS3
初级·242635
免费课程
                                
                难度初级
            
                时长10小时 0分
            
                学习人数
            
综合评分9.53
                            686人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

hen_nam

Bootstrap 4：
<div class="form-group">
<label for="ID">...</label>
<input type="text" id="ID" class="form-control" />
<small class="form-text text-muted">…</small>
</div>

1 3-14 表单提示信息

2020-12-27

hen_nam

Bootstrap 4：
<div class="form-group">
<label for="ID">...</label>
<input type="text" id="ID" class="form-control is-valid或is-invalid" />
</div>

1 3-13 表单控件状态(验证状态)

2020-12-27

hen_nam

Bootstrap 4：
btn-secondary：次要按钮（灰色背景）

1 3-17 默认按钮

2020-12-27

hen_nam

Bootstrap 4：
form-control-sm：小号控件
form-control-lg：大号控件

1 3-10 表单控件大小

2020-12-27

hen_nam

Bootstrap 4：
<form>
<div class="form-group row">
<label for="ID" class="col-* col-form-label">…</label>
<div class="col-*">
<input type="text" id="ID" class="form-control" />
</div>
</div>
</form>

1 3-2 水平表单

2020-12-27

hen_nam

Bootstrap 4：
<dl class="row">
<dt class="col-*">…</dt>
<dd class="col-*">…</dd>
</dl>

2 2-14 列表--水平定义列表

2020-12-26

hen_nam

Bootstrap 4：
img-fluid：响应式
rounded：圆角
rounded-circle：椭圆形
img-thumbnail：缩略图

1 3-24 图像

2020-12-26

hen_nam

Bootstrap 4：
form-check-inline：行内

1 3-8 表单控件(复选框和单选按钮水平排列)

2020-12-26

hen_nam

Bootstrap 4：
<div class="form-check">
<input type="radio或checkbox" id="ID" class="form-check-input" />
<label for="ID" class="form-check-label">...</label>
</div>

1 3-7 表单控件(复选框checkbox和单选择按钮radio)

2020-12-26

hen_nam

我的理解：radio 是收音机，收音机的按钮就是单选按钮，一个按钮按下，另一个按钮就会弹起。

0 3-7 表单控件(复选框checkbox和单选择按钮radio)

2020-12-25

hen_nam

Bootstrap 4：
offset-*：所有屏幕
offset-sm-*：小号屏幕
offset-md-*：中号屏幕
offset-lg-*：大号屏幕
offset-xl-*：特大号屏幕

1 4-4 列偏移

2020-12-25

hen_nam

Bootstrap 4：
col-*：所有屏幕
col-sm-*：小号屏幕
col-md-*：中号屏幕
col-lg-*：大号屏幕
col-xl-*：特大号屏幕

1 4-3 基本用法

2020-12-25

hen_nam

Bootstrap 4：
table-sm：小号

1 2-23 表格--紧凑型表格

2020-12-25

hen_nam

Bootstrap 4：
table-success：成功（绿色）
table-info：信息（浅蓝色）
table-warning：警告（黄色）
table-danger：危险（红色）
table-active：活跃（灰色）

1 2-18 表格--表格行的类

2020-12-25

hen_nam

Bootstrap4：
<ul class="list-inline">
<li class="list-inline-item">...</li>
<li class="list-inline-item">...</li>
</ul>

1 2-12 列表--内联列表

2020-12-25

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 本教程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。

老师告诉你能学到什么？: 1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）