如何調整Bootstrap列類，使所有span標簽不超過12個？

Question

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <HeaderTemplate> <span class="col-xs-3">ID</span> <span class="col-xs-3">Product</span> <span class="col-xs-3"> Unit Price</span> <span class="col-xs-3">On Hand</span> <span class="col-xs-3">Total</span> </HeaderTemplate> 

在上面的示例中，如何調整Bootstrap列類，使所有span標簽的總數不超過12？

Answer 1

                        <span class="col-xs-2">ID</span>
                        <span class="col-xs-2">Product</span>
                        <span class="col-xs-2"> Unit Price</span>
                        <span class="col-xs-2">On Hand</span>
                        <span class="col-xs-4">Total</span> 

列的總和不應超過12，因此您可以將其設置為12。