5 equal columns for large screen only - twitter bootstrap-CodePudding

<div >
   <div >
      1 of 5
   </div>
   <div >
      2 of 5
   </div>
   <div >
      3 of 5
   </div>
   <div >
      4 of 5
   </div>
   <div >
      5 of 5
   </div>
</div>

** The above code will create 5 equal columns for all screens - But I want it to be only for medium and large screens. For small screens, I want a full-width column. **

CodePudding user response：

Check the documentation - you need to use col-md to specify that you only want columns on medium screens or larger.

<div >
   <div >
      1 of 5
   </div>
   <div >
      2 of 5
   </div>
   <div >
      3 of 5
   </div>
   <div >
      4 of 5
   </div>
   <div >
      5 of 5
   </div>
</div>

CodePudding user response：

.aligin {
  margin: auto !important;
  text-align:center;
}

<div >
  <div >
    1 of 5
  </div>
  <div >
    2 of 5
  </div>
  <div >
    3 of 5
  </div>
  <div >
    4 of 5
  </div>