modal bootstrap.html

<div class="container">
        <h4>Haciendo un modal con Bootstrap 3.3.6</h4>

        <input class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal" value="Modal típico" />

        <input class="btn btn-primary" type="button" data-toggle="modal" data-target="#modal-login" value="Modal login" />
    </div>
    <!--Modal típico-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModal-label">Título</h4>
                </div>
                <div class="modal-body">
                    <p>Aquí va un texto.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <button type="button" class="btn btn-primary">Guardar</button>
                </div>
            </div>
        </div>
    </div>

    <!--Modal login -->
    <div class="modal fade" id="modal-login" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModal-label">Logueate en la aplicación</h4>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="form-group">
                            <label class="control-label" for="email">Email</label>
                            <input type="email" class="form-control" id="email" placeholder="Ingresa tu email">
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="password">Password</label>
                            <input type="password" class="form-control" id="password" placeholder="Ingresa tu password">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> Recuérdame
                            </label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Loguearse</button>
                    <button type="button" class="btn btn-success">Registrate!</button>
                </div>
            </div>
        </div>
    </div>