首页 > 代码库 > Bootstrap页面布局21 - BS对话框设计

Bootstrap页面布局21 - BS对话框设计

设计弹出层对话框:

设计一个点击登录按钮,再弹出一个登陆对话框的实例,且带有动画效果

<div class=‘container-fluid‘>    <h2 class=‘page-header‘>对话框插件的调用</h2>    <a href=http://www.mamicode.com/‘#login‘ data-toggle=‘modal‘ class=‘btn btn-primary‘>登录</a>    <div class=‘modal hide fade‘ id=‘login‘>        <div class=‘modal-header‘>            <a href=http://www.mamicode.com/‘#‘ class=‘close‘ data-dismiss=‘modal‘>x>        <div class=‘modal-body‘>        <form class=‘form-horizontal‘>            <fieldset>                <div class=‘control-group‘>                    <label class=‘control-label‘ for=‘account‘>帐 号</label>                    <div class=‘controls‘>                        <input id=‘account‘ name=‘account‘ type=‘text‘ value=http://www.mamicode.com/‘‘ placeholder=‘请输入手机号/邮箱‘ />>        <div class=‘modal-footer‘>            <button type=‘button‘ class=‘btn btn-primary‘>登 录</button>        </div>    </div></div>

如图: