html - Bootstrap - 3 columns - what width do I create the images? -


i'm using bootstrap (12 cols) , 3 columns each image. have no idea image widths should be. have tried this:
70(col width) * 3colums + 60(30px gutter) = 270px.

however if page not full width on large monitor, columns wrap.

what width should create each image?

<div class="container">   <div class="row">     <div class="col-md-4">       <img src="images/our-work.png" class="img-responsive" />     </div>     <div class="col-md-4">       <img src="images/galleries.png" class="img-responsive"/>     </div>     <div class="col-md-4">       <img src="images/news.png" class="img-responsive"  />     </div>   </div> </div> 

if using col-md-4 columns means viewport below 992 pixels going change full 12 column width. means max-width need make images based on container size of next smaller column width (col-sm-) 750. minus padding on container = 720 pixels width.

.container {   padding-right: 15px;   padding-left: 15px; 

you can go bigger safe using img-responsive, 720 should suffice.


Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -