<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <a href="#" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-heart"></span> Bootstrap Button Generator</a> <!-- Standard button --> <a href="http://discover.linccweb.org/primo_library/libweb/action/search.do?dscnt=0&vl%28479130534UI1%29=all_items&frbg=&scp.scps=scope%3A%28FLCC1500_sfx%29%2Cscope%3A%28FLCC1500%29%2Cscope%3A%28FLCC0100%29%2Cscope%3A%28oai_fcla_fof%29%2Cscope%3A%28pda_ebrary_mjc%29%2Cscope%3A%28pda_ritten_mjc%29%2Cscope%3A%28pda_gvr_mjc%29%2Cprimo_central_multiple_fe&tab=default_tab&dstmp=1413327638737&srt=rank&ct=search&mode=Basic&dum=true&indx=1&vl%281UIStartWith0%29=contains&vl%28freeText0%29=environment&vid=FLCC1500&fn=search" button type="button" class="btn btn-default" > ENVIRONMENT</a></button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary">Primary</button> <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success">Success</button> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">Info</button> <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">Warning</button> <!-- Indicates a dangerous or potentially negative action --> <button type="button" class="btn btn-danger">Danger</button> <!-- Deemphasize a button by making it look like a link while maintaining button behavior --> <button type="button" class="btn btn-link"><a href="http://discover.linccweb.org/primo_library/libweb/action/search.do?dscnt=0&vl%28479130534UI1%29=all_items&frbg=&scp.scps=scope%3A%28FLCC1500_sfx%29%2Cscope%3A%28FLCC1500%29%2Cscope%3A%28FLCC0100%29%2Cscope%3A%28oai_fcla_fof%29%2Cscope%3A%28pda_ebrary_mjc%29%2Cscope%3A%28pda_ritten_mjc%29%2Cscope%3A%28pda_gvr_mjc%29%2Cprimo_central_multiple_fe&tab=default_tab&dstmp=1413327638737&srt=rank&ct=search&mode=Basic&dum=true&indx=1&vl%281UIStartWith0%29=contains&vl%28freeText0%29=environment&vid=FLCC1500&fn=search">Link</a></button>

<!-- Standard button --> <button type="button" class="btn btn-default">Default</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary">Primary</button> <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success">Success</button> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">Info</button> <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">Warning</button> <!-- Indicates a dangerous or potentially negative action --> <button type="button" class="btn btn-danger">Danger</button> <!-- Deemphasize a button by making it look like a link while maintaining button behavior --> <button type="button" class="btn btn-link">Link</button>