html - How to get three equal-width columns? -


i trying make 3 equal columns in js fiddle , display separate rows reason. have done wrong?

jsfiddle

<div class="container">   <div class="row">      <div class="col-md-4">       cczfsd     </div>      <div class="col-md-4">       sfdfds     </div>      <div class="col-md-4">       sdfssd     </div>   </div> </div> 

hi working perfect desktop screens not working mobile,tablet , other small resolution devices can't getting done output

i think there no issue of including bootstrap's css again because it's loaded think issue of managing screen wise

here code may want output please out'

.temp{      background-color:#e2e2e2;      border:1px solid grey;  }
<div class="container">    <div class="row">        <div class="col-md-4 col-xs-4 col-sm-4 temp">        cczfsd      </div>        <div class="col-md-4 col-xs-4 col-sm-4 temp">        sfdfds      </div>        <div class="col-md-4 col-xs-4 col-sm-4 temp">        sdfssd      </div>     </div>  </div>

and here demo working code this

demo code


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -