新一期的干货来了，BootStrap该怎么用（乐字节java）4

小伙伴们对数据库编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《新一期的干货来了，BootStrap该怎么用（乐字节java）4》，就很适合你，本篇文章讲解的知识点主要包括MySQL、算法、Java、程序员、bootstrap。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

表单

                            如果需要更多资料点击下方图片加好友领取⬇（注明来意）
                   

表单控件

​ .form-control .input-lg（较大） .input-sm（较小）

输入框 text

​ .form-control

下拉选择框 select

​ 多行选择设置：multiple="multiple"

    北京上海深圳北京上海深圳

文本域 textarea

复选框 checkbox

​ 垂直显示： .checkbox

​ 水平显示： .checkbox-inline

    

        游戏
    
    

        学习
    



    
        游戏
    
    
        学习
    

单选框 radio

​ 垂直显示： .radio

​ 水平显示： .radio-inline

    

        男
    
    

        女
    



    
        男
    
    
        女
    

按钮

1）使用 button 实现

​ 基础样式： btn

按钮

​ 附加样式：btn-primary btn-info btn-success btn-warning btn-danger btn-link btn-default

按钮
按钮
按钮
按钮
按钮
按钮
按钮

2）多标签支持：使用 a div 等制作按钮

a标签按钮
span标签按钮
div标签按钮

3）按钮大小

​ 使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮

超小按钮.btn-xs
小型按钮.btn-sm
正常按钮
大型按钮.btn-lg 

4）按钮禁用

​ 方法1：在标签中添加disabled属性

禁用按钮

​ 方法2：在元素标签中添加类名"disabled"

禁用按钮

​ 在class属性中添加disabled只是样式上禁用了，并不是真正的禁用了此按钮！

表单布局

​ 基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：

• 向父
  元素添加 role="form"。
• 把标签和控件放在一个带有 class .form-group 的
  中。这是获取最佳间距所必需的。
• 向所有的文本元素 、 和 <select> 添加 class ="<em>form-control</em>" 。</select>

水平表单

​ 同一行显示form-horizontal

​ 配合Bootstrap框架的网格系统

邮箱
密码
记住密码
提交

内联表单

​ 将表单的控件都在一行内显示form-inline

​ 注意label不会显示，存在的意义：如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别。

邮箱
密码
记住密码
提交

缩略图

​ 缩略图在电商类的网站很常见，最常用的地方就是产品列表页面。缩略图的实现是配合网格系统一起使用。同时还可以让缩略图配合标题、描述内容，按钮等。

    

        

               

                   
高圆圆
                   
出生于北京市，中国内地影视女演员、模特。
                   
                    喜欢
                   
                    评论
                
               
        
    

面板

​ 默认的 .panel组件所做的只是设置基本的边框（border）和内补（padding）来包含内容。

​ .panel-default：默认样式

​ .panel-heading：面板头

​ .panel-body：面板主体内容

    

        ......
    
    

        ......
    

文中关于mysql的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《新一期的干货来了，BootStrap该怎么用（乐字节java）4》文章吧，也可关注golang学习网公众号了解相关技术文章。