how to? bootstrap - 2 Columns with 3 rows with equal height? -

-

i have 2 columns 3 "rows" (or 3 items). want have row 1 in both columns same height, in row 2 , row 3 same.

i know how 3 rows having 2 columns. using 3 rows 2 columns not work on small device, because left columns should first , right column @ end.

i want on desktop like:

a1|b1  a1|right row same height, less content a1  a2|b2 no content|b2 no content|b2  a3|b3

on mobile should be:

a1 a2 a3 b1 b2 b3

if use 3 rows 2 columns work equal height each row on desktop, on mobile have:

a1 b1 a2 b2 a3 b3

your specific required cannot solved constructing 3 row 2 column.

you should try wrap leftone(s) single div , rightone(s) single div. this

<div id="left" class="col-md-8">   a1<br></br>   a2<br></br>   a3<br></br> </div> <div id="right" class="col-md-8">   b1<br></br>   b2<br></br>   b3<br></br> </div>

this way in normal desktop version like

a1    b1 a2    b2 a3    b3

in mobile version should wanted

a1 a2 a3 b1 b2 b3

(note: need manage height of each element a1, b1, a2, b2 make 3x2 table 1x2.)


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more