html - Maintaining divs side-by-side in responsive design -


As the starting user of the bootstrap grid system, let me use two code side-by-side Need to keep: omitted regardless of device is because this is a jQuery animation leaving a parent div to move in the right and move. How to apply the HTML of the green box to get this effect? Or is it purely a CSS media query case?

Enter image details here

Ignore blue box .

This is what I have done so far:

    

On the side of code> s and what you need:

  #panelviewer .ro {white-space: nowrap;} .panel1 {display: inline-block; Float: none; Background: #aaa;} .panel2 {display: inline-block; Float: none; Background: #eee;}   

demo

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -