css - How to align rows of images of different heights? -

-

i'm using bootstrap css. have handlebars loop, place many images side side:

<div class="row">     {{#each imagedata}}     <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 center">         <img src="{{url}}">         <p>{{title}}</p>     </div>     {{/each}} </div>

unfortunately, of images of different dimensions. set following css:

img { max-width: 100%; max-height: 400px; }

but rows have expected number of images, others have fewer number (depending on number of images same height etc).

what css should apply expected number of images on each row ?

define height div , apply max-height images:

.row > div{   width: 200px;/*example only*/   height: 300px;/*example only*/ } .row > div img{   max-height: 100%; }

Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple ...
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e...
Read more

spring - @ResponseStatus and @ResponseBody not working with @ExceptionHandler -

-
i tried implement @controlleradvice globally handle general exceptions related web application. wanted send wrapped json response response status set accordingly. here code sample. @controlleradvice public class globalerrorhandler { @responsestatus(httpstatus.bad_request) @exceptionhandler(exception.class) @responsebody public response handleallerrors() { response wrapped = new response(httpservletresponse.sc_bad_request, "error"); wrapped.setmessage("could not retrieve data"); return wrapped; } } response pojo used wrap response. problem is, despite @responsestatus annotation, response has status code 500 (internal server error) default error page showing stack trace. @responsebody seems not work. documentation states send json response on @exceptionhandler method. don't understand i'm doing wrong in here. i'm using spring 3.2.8 release framework , gson used message conversion, if matters. a...
Read more