<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span12"> <form class="form-horizontal" action='' method="POST"> <fieldset> <div id="header-symbol"> <a href="http://www.miyazaki-u.ac.jp/"><img src="http://www.cc.miyazaki-u.ac.jp/images/t01.gif" width="251" height="28" border="0"></a> <legend class="">インターネット接続サービス</legend> </div> <div id="legend"> <legend class="">ログイン</legend> </div> <div class="control-group"> <!-- Username --> <label class="control-label" for="username">ユーザID</label> <div class="controls"> <input type="text" id="username" name="username" placeholder="" class="input-xlarge"> </div> </div> <div class="control-group"> <!-- Password--> <label class="control-label" for="password">パスワード</label> <div class="controls"> <input type="password" id="password" name="password" placeholder="" class="input-xlarge"> </div> </div> <div class="control-group"> <!-- Button --> <div class="controls"> <button class="btn btn-success">宮崎大学IDでログイン</button> </div> </div> </fieldset> <fieldset> <div id="legend"> <legend class="">学認フェデレーションでログイン</legend> </div> <div class="control-group"> <div class="controls"> <div class="dropdown"> <a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" href="/page.html"> 所属機関<span class="caret"></span> </a> <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu"> <li class="dropdown-submenu"> <a tabindex="-1" href="#">北海道</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">北海道大学</a></li> <li><a href="#">函館高専</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="-1" href="#">東北</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">北海道大学</a></li> <li><a href="#">函館高専</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="-1" href="#">関東</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">北海道大学</a></li> <li><a href="#">函館高専</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="-1" href="#">中部</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">北海道大学</a></li> <li><a href="#">函館高専</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="-1" href="#">関西</a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">北海道大学</a></li> <li><a href="#">函館高専</a></li> </ul> </li> </ul> </div> </div> </div> </fieldset> </form> </div> </div> </div>