image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    4.   <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <!-- 引入bootStrap里的css样式，不用引入normalize.css,因为里面包括了normalize.css -->
    9.     <link rel="stylesheet" href="bootStrap/css/bootstrap.min.css">
    10.     <!-- 引入自己的css -->
    11.     <link rel="stylesheet" href="css/index.css">
    12.     <title>Document</title>
    13.   </head>
    15.   <body>
    16.     <div class="container">
    17.       <!-- 先放row，去除padding -->
    18.       <div class="row">
    19.         <header class="col-md-2">
    20.           <div class="logo">
    21.             <a href="#">
    22.               <img src="images/logo.png" alt="">
    23.             </a>
    24.           </div>
    25.         </header>
    26.         <article class="col-md-7">2</article>
    27.         <aside class="col-md-3">3</aside>
    28.       </div>
    29.     </div>
    30.   </body>
    32. </html>h
    1. /* 修改container最大宽度 */
    2. @media screen and (min-width:1280px) {
    3.   .container {
    4.     width: 1280px;
    5.   }
    6. }
    8. /* header */
    9. header {
    10.   padding-left: 0 !important;
    11. }
    13. header .logo {
    14.   background-color: #418fca;
    15. }
    17. header .logo img {
    19.   width: 100%;
    20. }