課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
彈出框代碼一般加在哪里?
還有就是我這個彈出框可以是彈出一個登錄界面嗎?
2015-09-18
源自:基于bootstrap的網頁開發 3-10
正在回答
給類名為modal-footer中的按鈕添加鏈接(登陸后的頁面)
王妙儀
可以呀!
——————————————————————————
<div class="modal fade" id="about"><div class="modal-diglog"><!--彈出框內容--><div class="modal-content"><!--model header--><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><h4 class="modal-title">關于</h4></div><!--modal body-->
<div class="modal-body">
<form class="navbar-form" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="用戶名" />
<input type="text" class="form-control" placeholder="密碼" />
</div>
<button type="submit" class="btn btn-default">登錄</button>
</form>
<!--modal footer--><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button><button type="button" class="btn btn-primary">Save changes</button></div></div></div></div>
Bin丶Go 提問者
littlesheep_big洋 回復 Bin丶Go 提問者
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答點擊關于彈出彈出窗,點擊“了解了”關閉彈出窗,之后“關于”外有藍色的邊框怎么去掉
3 回答彈出框的查找
2 回答彈出框層級的問題
1 回答點擊彈出框的a標簽異常
3 回答老師為什么點擊彈出后 頂部導航會錯位一下 關閉彈出框會恢復原先樣子
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-06
給類名為modal-footer中的按鈕添加鏈接(登陸后的頁面)
2015-12-18
可以呀!
——————————————————————————
<div class="modal fade" id="about">
<div class="modal-diglog">
<!--彈出框內容-->
<div class="modal-content">
<!--model header-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">關于</h4>
</div>
<!--modal body-->
<div class="modal-body">
<form class="navbar-form" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="用戶名" />
<input type="text" class="form-control" placeholder="密碼" />
</div>
<button type="submit" class="btn btn-default">登錄</button>
</form>
</div>
<!--modal footer-->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
——————————————————————————