<DIV クラス = "行" ID = "クエリ"> <のdiv クラス = "COL-MD-3"> </ div> <のdiv クラス = "COL-MD-6"> <divのクラス = "クエリ"スタイル= "マージントップ：5em;" > <divのクラス = "COL-MD-3" ID = "レイアウト・左"スタイル= "マージン左：0;パディング：0"> <DIV ID = "ナビゲーション" スタイル= "高さ：125px;ボーダースタイル：固体;ボーダー幅：1ピクセル;ボーダーカラー：＃00a2d4"> <UL ID = "バス" クラス = "NAV NAV-ピルNAV-積層"> <LIのクラス = "アクティブ"> <a href="#query-line" data-toggle="tab"> <H4スタイル= "テキスト整列：センター">线路查询</ H4> </a>の </ LI> <LI> <a href="#query-station" data-toggle="tab"> <H4スタイル= "テキスト整列：センター">站点查询</ H4> </a>の </ LI> </ UL> </ div> </ div> <DIV クラス = "COL-MD-8" ID = "レイアウト右"スタイル= "境界スタイル：固体;ボーダー幅：1ピクセル;ボーダー色：＃00a2d4;高さ：125px;"> <DIV クラス = "行" ID = "switchCity"> <！ - ボタン - > <ボタン クラス = "BTN BTN-成功"データトグル= "モーダル"データ・ターゲット= "＃exampleModal"スタイル= "フロート：左"値= "{ $都市 .ID}" ID = "cityId"> { $街。名前} [切换城市] </ボタン> <！ - フレームモード - > <divのクラス = "モーダルフェード" ID = "exampleModal"でtabindex = " - 1"ロール= "ダイアログ" ARIA-labelledbyの= "exampleModalLabel" ARIA-隠さ= "真"> <divのクラス =「モーダルダイアログモーダルダイアログを中心とした」役割=「ドキュメント」> <のdiv クラス =「モーダル・コンテンツ」> <DIVのクラス =「モーダルヘッダ」> <ボタンタイプ=「ボタン」クラス =「クローズ」データ・解任=「モーダル」ARIAラベル=「閉じます」> <スパンARIA-隠さ= "真の">＆回; </ span>の </ button>の <H5のクラス = "モーダル・タイトル" ID = "exampleModalLabel">を選択市</ H5> </ div> <のdiv クラス =「モーダル・ボディ」> <FORM ACTION = "インデックス/インデックス" クラス = "フォームインライン"> <のdiv クラス =「フォームグループ」> <SELECT クラス = "フォームコントロールMB-XS" ID = "州"> 请选择<スパン<= "選択"選択されたオプション> クラス = "キャレット"> </ span>を</オプション> { foreachの $省 として $キー => $ PR } <オプション値= "{ $ PR .IDを}" > { $ PR .nameの} </オプション> { / foreachの} </選択> <SELECT クラス = "フォームコントロールMB-XS" ID = "街"> <オプション値= "">请选择<スパンクラス = "キャレット"> </ span>を</オプション> </ select>の </ div> </フォーム> </ div> <のdiv クラス =「モーダル・フッタ」> <ボタンタイプ= "ボタン" クラス = "BTN BTN-二次"データ却下= "モーダル">关闭</ボタン> <ボタンタイプ= "ボタン" クラス = "BTN BTN原色" ID = "選んだ">确定</ボタンを> </ div> </ div> </ div> </ div> </ div> <divのクラス = "行"スタイル= "マージントップ：1EM"> <のdiv クラス = "COL-MD-2"> </ div> <のdiv クラス = "COL-MD-8"> <DIV ID = "busContent" クラス = "タブ・コンテンツ"> <！ - ラインお問い合わせ - > <DIV ID =「クエリライン」クラス =「アクティブのタブ・ペインフェード」> <のdiv クラス =「入力グループ」> <input type =「text」クラス =「フォームコントロール」ID =「LineID」プレースホルダ= 25「」「のような、ラインの名前を入力してください」> <スパンクラス = "入力グループ-BTN"> <ボタンクラス = "BTN BTN原色"タイプ= "提出" ID = "lineSearch"> <スパンクラス = "glyphicon glyphicon検索" ARIA-隠さ= "真の"> </ span>を查询 </ボタン> </ span>の </ div> </ div> <！ - サイトの検索 - > <DIV ID =「クエリ駅」クラス =「タブ・ペインフェード」> <のdiv クラス =「入力グループ」> <タイプ=「テキスト」のINPUT クラス =「フォームコントロール」挙げID =「stationname」プレースホルダ上記=駅「」「のような、サイト名を入力し、」> <スパンクラス = "入力グループ-BTN"> <ボタンクラス = "BTN BTN原色"タイプ= "ボタン" ID = "stationSearch"> <スパンクラス = "glyphicon glyphicon検索" ARIA-隠さ= "真の"> </ span>を查询 </ボタン> </ span>の </ div> </ div> </ div> </ div> </ div> </ div> </ div> </ div> </ div>
レンダリング
