"drop down list test"
Bootstrap 3.3.0 Snippet by rhondak

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <style>//*scfbutton drama*/titleImageDiv { position: relative; width: 100%; /* for IE 6 */}#titleImageCaption { position: absolute; top: 10%; left: 2%;}#titleImageButton { position: absolute; top: 75%; left: 2%; }/*scfbutton drama ends, Navigation bar begins*/.navbar-default { background-color: #D8D4C2; border- color: #586847;}.navbar-default .navbar-brand{ color: #ecf0f1;}.navbar-default .navbar-brand:hover, .navbar- default .navbar-brand:focus { color: #052090;}.navbar-default .navbar-text { color: #ecf0f1; }.navbar- default .navbar-nav > li > a { color: #F3F0DF;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #EAE8DC;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar- nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #052090; background-color: #C6C0A8;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open >a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #E5DBBC; background-color: #E5DBBC;}.navbar-default .navbar-toggle { border-color: #4582a7;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background- color: #4582a7;}.navbar-default .navbar-toggle .icon-bar { background-color: #ecf0f1;}.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #ecf0f1;}.navbar-default .navbar-link { color: #ecf0f1;}.navbar-default .navbar-link:hover { color: #052090;}@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #052090; } .navbar-default .navbar-nav .open .dropdown-menu > .active >a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #052090; background-color: #4582a7; }.carousel .item { -webkit-transition: opacity 1s; -moz- transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2;}.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1;}} </style> <div class='row'> <div class='span12' id='scflogo'> <img alt='SCF Libraries' src="https://s3.amazonaws.com/libapps/accounts/390/images/WaveWritCitAPA1200x256.png " width=100%> </div><!-------------WHERE THE SEARCH AND DROP DOWN BOX STARTS----> <div class="row"> <div class="col-xs-12"> </div> <nav class="navbar navbar-default" role="navigation"> <div class="container-max-width: 1000px"><!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button class="navbar-toggle" data-target="#LG-collapse" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"> </span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="http://www.scf.edu/"> <i class="fa fa-home"></i></a></div> <!-- Navigation bar begins after Home --> <div class="collapse navbar-collapse" id="LG-collapse"> <ul class="nav navbar-nav navbar-left"> <li class="active"> <a target="_blank" title="Search for books, eBooks, video, eVideo and more." href="http://libguides.scf.edu/easybib"> EasyBib</a> </li> <li> <a target="_blank" title="Find Library Hours and Contacts." href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location/">Contact & Hours </a> </li> <li class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown" href="#">Journal Articles from... </a> <ul class="dropdown-menu"> <li> <a target="_blank"title="Log In Here."href="http://www.linccweb.org/webscripts/LWAuth.aspx? app=pds&pds_handle=&calling_system=primo&institute=FLCC1500&pds_server=http://discover.linccweb.org:8991&url=http ://www.linccweb.org/Discover?lib_code=FLCC1500"> SCF Databaes </a> </li> <li> <a target="_blank" title="Renew books, check on requests and due dates." href="http://discover.linccweb.org/primo_library/libweb/action/myAccountMenu.do?vid=FLCC1500"> From Website </a> </li> <li> <a target="_blank" title="What is my SCF Log In?" href="http://libguides.scf.edu/how_to_sign_in_to_SCF_Library_resources"> With Multiple Authors </a> </li> <li class="divider"> <li> <a target="_blank" title="Need to find a Peer Reviewed or Scholarly article? Here is 3 ways!" href="http://libguides.scf.edu/Search_Scholarly_Articles_SCF_Library"> How to Find Scholarly Articles</a> </li> <li class="divider"> <li> <a target="_blank" title="Citation help for MLA, APA, ASA and AMA." href="http://libguides.scf.edu/writing_citing_mla_apa_citation"> How to Cite your Work</a> </li> <li class="divider"> </li> <li> <a target="_blank" title="Answers to the most asked Library HOW TO questions." href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help"> Frequently Asked Questions</a> </li> <li class="divider"> <li> <a target="_blank" title="Chat, text or email a Librarian." href="http://askalibrarian.org/local.php? LibraryName=SCF&DepartmentNumber=22861&Secondary=22498&LibraryType=Academic&Source=Standard_vrlintro"> Ask A Librarian</a> </li> <li> <iframe src="http://askalibrarian.org/widgets/scfms" frameborder="0" height="106" scrolling="no" width="190"> </iframe> </li> </ul> <li class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown" href="#">Databases... </a> <ul class="dropdown-menu"> <li> <a target="_blank" title="Complete searchable list of SCF databases." href="http://libguides.scf.edu/az.php">SCF Databases </a> </li> </li> <li class="divider"> <li> <a target="_blank" title="Want to know if a journal is available full text at SCF? Use this." href="http://www.linccweb.org/?screen=a-z&lib_code=FLCC1500"> Journals A-Z </a> </li> <li class="divider"> <li> <a target="_blank" title="Librarian recommended expert search. This links to SCF Full Text in search results." href="http://scholar.google.com/scholar? inst=8873731101682220099"> Search Google Scholar for SCF Full Text</a> </li> <li class="divider"><li><a target="_blank" title="Search for limited textbooks and course reserves." href="http://www.linccweb.org/search/catalog.aspx?screen=course&lib_code=FLCC1500">Course Reserves</a> </li> </ul> <li class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown" href="#"> Subject Guides and Tutorials... </a> <ul class="dropdown-menu"> <li><a target="_blank" title="Homepage for Subject Guides and Tutorials." a href="http://libguides.scf.edu/index.php"> Subject Guides Homepage</a> </li> <li class="divider"> <li> <a target="_blank" title="Brief overview for online students." a href="http://libguides.scf.edu/State_college_of_Florida_Library_Distance_Learner_Help"> Distance Learner's Guide </a> </li> <li> <a target="_blank" title="Find Library support for your course by CRN or Professor." href="http://libguides.scf.edu/associate_degrees_research_support"> Associate Degrees/Programs</a> </li> <li> <a target="_blank" title="Find Library support for your major by name or Professor." href="http://libguides.scf.edu/?group_id=2158"> Baccalaureate Programs</a> </li> <li> <a href="http://libguides.scf.edu/?group_id=2159"> Collegiate School</a> </li> <li> <a target="_blank" title="Need to get Library links, ideas, tutorials, instruction? This is one stop Faculty Services for all Library resources." href="http://libguides.scf.edu/State_College_of_Florida_Faculty_Services_Library"> Faculty Services</a> </li> </ul> <!----------- APAStyleBlog search ----------> <li class="divider"> <li>Search APA Blog</li> <script> (function() { var cx = '000060492115051789153:rz6jtf-jaji'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();<gcse:search></gcse:search> </script> </div></div></div><!-- /.navbar-collapse --> </div></li></li></li></li></li></li></li></li></li> </div><!-- /.container-fluid -- ></nav> Great happy life.

Related: See More


Questions / Comments: