Responsive Picture:
<div class= "Container" ><!--img-responsive responsive picture--><div class= "Row" ><div class= "Col-lg-2" > </div></div><!--the shape of the picture--><div class= " Row "style=" margin-top:30px "><div class=" col-lg-2 "></div><div class=" col-lg-2 "></div><div class=" col-lg-2 "></div></div></div>
Effect:
Helper class Styles:
<!--font color--><div class= "row" ><p class= "text-muted" > Font color View </p><p class= "Text-primary" > Font Color View </p><p class= "text-success" > Font color View </p><p class= "Text-danger" > Font color viewing </p> <p class= "text-info" > Font color View </p><p class= "text-warning" > Font color View </p></div><!-- Font background color--><div class= "row" ><p class= "bg-primary" > Font color View </p><p class= "bg-success" > Font color view </p><p class= "Bg-danger" > Font color View </p><p class= "bg-info" > Font color view </p><p class= " bg-warning "> Font color View </p></div>
Effect:
<!--triangle symbol Close button--><div class= "row" ><div class= "col-lg-2" ><span class= "caret" ></span> <button class= "Close" >x</button></div></div><!--floating row with clear floating--><div class= "Row" ><div class= "col-lg-2" ><div class= "Pull-left" >judy</div><div class= "Pull-right" >judy </div></div></div><!--hide and show--><div class= "Row sh" style= "margin-top:30px" ><div Class= "col-lg-2 Show" >1</div><div class= "col-lg-2 hidden" >2</div><div class= "Col-lg-2" > 3</div><div class= "col-lg-2 invisible" >4</div><div class= "Col-lg-2" >5</div></div >
Effect:
bootstrap-Responsive Pictures, helper class styles