Buttons:按钮组件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Buttons,是按钮组件,一个 Bootstrap 按钮组件一般可以使用一个 button 标签,也可以是 button,submit 或者 reset 类型的 input 元素,也可以是个链接 ..

这里先用一个 a 标签,按钮组件上要添加一个 btn ,接着是个情景类,用 btn 开头,后面加上情景的名字,比如 danger .. 按钮上的文字是 Button

现在页面上会显示一个红色的按钮 ..

再把这个 a 标签,换成一个 button 标签 ... 效果是一样的 .. 如果点击按钮以后你要执行一些动作,可以使用 button 标签,如果点击以后要把用户带到一个地方,就可以使用 a 标签 ..

Outline

按钮组件还有一种描边的样式 . 在情景类的中间添加一个 outline ..

Size

还有一些表示尺寸的类可以控制按钮的大小 .. 把这个按钮变成大号的,在上面再添加一个 btn-lg ..

按钮的宽度也可以跟它的包装一样大 .. 在按钮组件上继续再添加一个 btn-block

状态

按钮有激活跟禁用两个状态 .. 在组件元素上添加一个 active,可以让按钮变成激活状态 .. 组件元素上如果添加一个 disabled 属性 .. 这样按钮会显示它的禁用状态 .. 你会发现按钮的显示会变的淡一点 ..

Buttons:按钮组件《 Bootstrap 4:界面组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点