css - How to make fireworks slices in td responsive with bootstraap and on the same line on wider screen -


i have design have sliced fireworks , result of slice got table td , design displayed, have add css makes display in block

<style type="text/css">td img {display: block;}</style> 

problem

in quest make design responsive have been using bootstrap when use bootstrap row display images on same line not work

for example when take row of table , want convert bootstrap row using images this

<div class="row" >   <div class="col-sm-12" >   <img name="iimajinnewworkedon_r2_c1" src="images/decoupes/iimajin-new-worked-on_r2_c1.jpg" width="815" height="162" id="iimajinnewworkedon_r2_c1" alt="" class="float_left img-responsive"/>   <img name="iimajinnewworkedon_r2_c7" src="images/decoupes/iimajin-new-worked-on_r2_c7.jpg" width="249" height="1" id="iimajinnewworkedon_r2_c7" alt="" / class="float_left img-responsive">   <img name="iimajinnewworkedon_r2_c10" src="images/decoupes/iimajin-new-worked-on_r2_c10.jpg" width="216" height="162" id="iimajinnewworkedon_r2_c10" alt="" class="float_left img-responsive" />   <img src="images/decoupes/spacer.gif" width="1" height="1" alt=""  class="float_left img-responsive"/>   <img name="iimajinnewworkedon_r3_c7" src="images/decoupes/iimajin-new-worked-on_r3_c7.jpg" width="249" height="162" id="iimajinnewworkedon_r3_c7" alt=""   class="float_left img-responsive" />   <img src="images/decoupes/spacer.gif" width="1" height="161" alt="" class="float_left img-responsive" />   </div>  </div> 

the images not stay on same line escalated. instead of getting result this

enter image description here rather this

enter image description here

this original code of slice

<tr>    <td rowspan="2" colspan="6"><img name="iimajinnewworkedon_r2_c1" src="images/decoupes/iimajin-new-worked-on_r2_c1.jpg" width="815" height="162" id="iimajinnewworkedon_r2_c1" alt="" /></td>    <td colspan="3"><img name="iimajinnewworkedon_r2_c7" src="images/decoupes/iimajin-new-worked-on_r2_c7.jpg" width="249" height="1" id="iimajinnewworkedon_r2_c7" alt="" /></td>    <td rowspan="2"><img name="iimajinnewworkedon_r2_c10" src="images/decoupes/iimajin-new-worked-on_r2_c10.jpg" width="216" height="162" id="iimajinnewworkedon_r2_c10" alt="" /></td>    <td><img src="images/decoupes/spacer.gif" width="1" height="1" alt="" /></td>   </tr> 

question : how make fireworks slices in td responsive bootstraap , on same line on wider screen


Comments

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

Nuget pack csproj using nuspec -