zoukankan      html  css  js  c++  java
  • 初识bootstrap

    download first

    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="./css/bootstrap.css" rel="stylesheet" type="text/css">
      <script charset="utf-8" type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
      <script charset="utf-8" type="text/javascript" src="./js/bootstrap.js"></script>
    </head>
    

      

    <img src="..." class="img-responsive" alt="响应式图像">
    

      

    <div class="container">
      ...
    </div>
    

      

    <form role="form-inline">
    <div class="container">
      <div class="form-group">
        <label for="name">name</label>
        <input type="text" class="form-control" id="name" placeholder="请输入">
        <div class="form-group"></div>
        <textarea class="form-control"></textarea>
        <div class="form-group"></div>
        <div class="form-group">
        <select class="form-control input-lg">
          <option value="">option1</option>
          <option value="">option1</option>       <option value="">option1</option>     </select>     </div>   </div> </div> </form>
    <ul class="list-group">
      <li class="list-group-item">11</li>
      <li class="list-group-item">222</li>
      <li class="list-group-item">33</li>
    </ul>
    

      

      

  • 相关阅读:
    Qt之数据类型转换
    [leetcode] Sudoku Solver
    调用摄像头拍照实例,摇一摇实例
    html 标签
    JavaScript 常见的六种继承方式
    js的DOM的方法和属性总结
    BOM属性方法。
    DOM 元素对象的属性方法
    完整的用户代理字符串检测
    可以跨浏览器获得窗口左边,和上边的位置
  • 原文地址:https://www.cnblogs.com/kkcodin/p/5253190.html
Copyright © 2011-2022 走看看