Bootstrap教學《Bootstrap自訂欄位》將版面分割成五等分

<style type="text/css">
		/* define bootstrap 5 columns */
		.col-xs-1-5,
		.col-sm-1-5,
		.col-md-1-5,
		.col-lg-1-5 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}
 
		.col-xs-1-5 {
			width: 20%;
			float: left;
		}
 
		@media (min-width: 768px) {
		.col-sm-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 992px) {
			.col-md-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 1200px) {
			.col-lg-1-5 {
				width: 20%;
				float: left;
			}
		}
</style>

    <div class="row">
        <div class="col-md-1-5">1</div>
        <div class="col-md-1-5">2</div>
        <div class="col-md-1-5">3</div>
        <div class="col-md-1-5">4</div>
        <div class="col-md-1-5">5</div>
    </div>