Laravel - Controlar el tamaño de un bootstrap popup modal en Laravel

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 14 puestos en Laravel (en relación al último mes)
Gráfica de Laravel

Controlar el tamaño de un bootstrap popup modal en Laravel

Publicado por eduardo (1 intervención) el 18/07/2020 04:06:16
Estoy usando un bootstrap popup modal en Laravel este es el código

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!-- Begin -->
<br>
<button type="submit"  class="btn btn-primary btn-sm" data-toggle="modal"  data-backdrop="static" data-keyboard="false" data-target="#myModalHorizontal">Donate Now</button>
<!-- Modal -->
<div class="modal fade" id="myModalHorizontal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <!-- Modal Header -->
        <div class="modal-header" style="background: #F8F8F8">
            <h4 class="modal-title" id="myModalLabel" style="color: #337AB7;">Login</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="ion-android-close"></span></button>
        </div>
      <!-- Modal Body -->
        <div class="modal-body">
 
 
 
 
			<div class="row main">
 
 
			 <div class="main-login main-center">
 
 
 
                          <div class="panel-title text-center">
 
	               		<h2 class="title">Iniciar Sesi&oacute;n</h2>
 
	                  </div>
 
 
					<form name="formlogin" class="form-horizontal" action="{{route('formulario.validar')}}" method="POST">
 
                                        @csrf
 
	<div class="form-group">
 
							<label for="name" class="cols-sm-2 control-label register">Usuario o Email</label>
 
							<div class="input-group mb-3">
 
								<div class="input-group-prepend">
 
									<span class="input-group-text"><i class="fa fa-user fa" aria-hidden="true"></i></span>
								</div>
 
									<input type="text" class="form-control" name="name" id="name" placeholder="DIGITE USUARIO O EMAIL" required autofocus/>
 
							</div>
 
						</div>
 
 
 
 
<div class="form-group">
 
							<label for="password" class="cols-sm-2 control-label register">Contrase&ntilde;a</label>
 
							<div class="input-group mb-3">
 
								<div class="input-group-prepend">
 
									<span class="input-group-text"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
 
								</div>
 
									<input type="password" class="form-control" name="password" id="password" placeholder="DIGITA CONTRASE&Ntilde;A" required/>
							</div>
 
						</div>
 
 
					        <div class="form-group ">
 
							<button type="submit" class="btn btn-primary btn-lg btn-block login-button">Entrar</button>
 
						</div>
 
		                        </form>
 
				</div>
 
 
 
			</div>
 
		</div>
 
 
            <div class="modal-body">
                <div class="modal-footer" id="modal_footer">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End -->

y así es como se ve cuando lo mando a llamar



modal-grande


¿Qué código en la parte de Modal para que el tamaño del cuadro de dialogo se ajuste al tamaño del formulario?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder