javascript - Bootstrap columns still take up space when hidden (via JSTL conditions) -
i've got row of 5 buttons class (col-md-3).
so expect wrap on second line when 5 buttons shown (which case).
however, when 2 shown (others not included because of jstl conditional statements), overlapping slightly. can see rendered html showing 5 on page. why that???
here's pseudo code:
<div class="row"> <div class="col-md-3"> <button class="callbtn"></button> </div> <div class="col-md-3"> <button class="callbtn"></button> </div> <c:if test="{first condition}"> <div class="col-md-3"> <button class="callbtn"></button> </div> <div class="col-md-3"> <button class="callbtn"></button> </div> </c:if> <c:if test="{another condition}"> <div class="col-md-3"> <button class="callbtn"></button> </div> </c:if> </div>
Comments
Post a Comment