html - Positioning 2 elements on one line with bootstrap -


i have page grid col-md-8 , col-md-4. trying achieve in col-md-4 section have 2 elements (images thumb) on 1 line going on next line/row 2 images , on. structure of html following:

<div class="row">       <div class="col-md-8">       <!-- text here -->   </div>      <div>       <div class="col-md-4">       <div class="tool">         <img src="image.jpg" style="width:100px; height:75px;">        </div>     </div>     </div> </div> 

here jsfiddle trying 4 small images right of big image , 2x2 on line.

try following code

html

<div class="row">      <div class="col-md-8">     <img src="http://www.extremetech.com/wp-content/uploads/2013/09/4vln8-640x428.jpg" /> </div>     <div class="col-md-4">     <div class="row">      <div class="col-md-6">         <img src="http://www.extremetech.com/wp-content/uploads/2013/09/4vln8-640x428.jpg" style="width: 100px; height: 75px;" />         </div>          <div class="col-md-6">         <img src="http://www.extremetech.com/wp-content/uploads/2013/09/4vln8-640x428.jpg" style="width: 100px; height: 75px;" />  </div>         <div class="col-md-6">             <img src="http://www.extremetech.com/wp-content/uploads/2013/09/4vln8-640x428.jpg" style="width: 100px; height: 75px;" />              </div>          <div class="col-md-6">             <img src="http://www.extremetech.com/wp-content/uploads/2013/09/4vln8-640x428.jpg" style="width: 100px; height: 75px;" />               </div>     </div> </div> 


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -