jQuery——bootstrap概述

ui框架

1、美化页面效果

2、简化布局

3、使用现成的组件和插件

下载bootstrap

bootstrap地址：https://www.bootcss.com/

1、在官网下载bootstrap文件

2、在html文件中引入bootstrap

bootstrap样式

1、按钮

    <a class="btn btn-default" href="#" role="button">Link</a>
    <input class="btn btn-primary" type="text" value="input按钮">
    <button class="btn btn-danger">button按钮</button>

2、表单

   <form>
      <div class="form-group">
        <label for="exampleInputEmail1">邮箱地址</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">密码</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
      </div>
      <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox&