• Bootstrap


    2.关于布局

    <div class="container">
      <div class="row">
        <div class="col">
          <category-filter></category-filter>
          <product-table></product-table>
        </div>
        <div class="col">
          <product-detail></product-detail>
        </div>
      </div>
    </div>

     显示如下:

    category-filter
    product-detail
    product-table
    <div class="row bg-dark">
        <div class="col">
            <div class="navbar">
                <a class="navbar-brand text-white">
                    SPORTS STORE
                </a>
            </div>
        </div>
        <div class="col-3 text-white mr-1 text-right">
            <store-cartsummary></store-cartsummary>
        </div>
    </div>
    <div class="row no-gutters">
        <div class="col-3">
            <store-categoryfilter></store-categoryfilter>
        </div>
        <div class="col">
            <store-product-list></store-product-list>
            <store-pagination></store-pagination>
        </div>
    </div>

    布局如下:

    3. tr标签,表示表格的一行,每行里的列用td表示。

    比如下面的是不行列名的表格:

    <table>
    <
    tr> <td>a1</td> <td>a1</td> </tr> <tr> <td>b1</td> <td>b1</td> </tr>
    </table>
    a1 a2
    b1 b2


    完整的表格如下:

    <table>
        <thead>
        <tr>
            <td>h1</td>
            <td>h2</td>
        </tr>
        </thead>
        <tbody>
            <tr> <td>a1</td> <td>a2</td> </tr> 
            <tr> <td>b1</td>  <td>b2</td> </tr>
        <tbody>
        <tfoot>
             <tr> <td>f1</td>  <td>f2</td> </tr>
        </tfoot>
    </table> 
    h1 h2
    a1 a2
    b1 b2
    f1 f2
  • 相关阅读:
    javaoop初级入门继承和封装和接口和多态和抽象类
    java基础的几种 函数
    sql server 2008子查询的学习小纪(一)
    中文价码filter
    $http.jsonp和$scope.watch
    普通版选项卡
    面向对象版选项卡
    angular版选项卡
    微信H5--手机键盘弹起导致页面变形
    controller控制器
  • 原文地址:https://www.cnblogs.com/dusf/p/9773276.html
Copyright © 2020-2023  润新知