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

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -