New question

Question:

Date: 26-01-2019 16:14:33 (In Spanish)

Imperfección en el diseño (Bootstrap 4)[Resolved]

Hola amigos, tengo una imperfección en el diseño que no he podido solucionar.
[url=https://ibb.co/vZJrY5z][/url]
@extends('layouts.app')

@section('body-class', 'login-page sidebar-collapse')

@section('content')
<div class="page-header header-filter" style="background-image: url('{{ asset('img/bg7.jpg') }}'); background-size: cover; background-position: top center;">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-6 ml-auto mr-auto">
          <div class="card card-login">
            <form class="form" method="POST" action="{{ route('register') }}"">
                {{ csrf_field() }}

              <div class="card-header card-header-primary text-center">
                <h4 class="card-title">Registrate</h4>
                <div class="social-line">
                  <a href="#pablo" class="btn btn-just-icon btn-link">
                    <i class="fa fa-facebook-square"></i>
                  </a>
                  <a href="#pablo" class="btn btn-just-icon btn-link">
                    <i class="fa fa-twitter"></i>
                  </a>
                  <a href="#pablo" class="btn btn-just-icon btn-link">
                    <i class="fa fa-google-plus"></i>
                  </a>
                </div>
              </div>
              <p class="description text-center">Coloca tus datos</p>
              <div class="card-body">

                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="material-icons">face</i>
                    </span>
                  </div>
                  <input id="name" type="text" class="form-control" placeholder="Nombre y Apellido" name="name" value="{{ old('name') }}" required autofocus>
                </div>

                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="material-icons">mail</i>
                    </span>
                  </div>
                  <input id="email" type="email" class="form-control" placeholder="Correo electrónico" name="email" value="{{ old('email') }}" required autofocus>
                </div>

                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="material-icons">lock_outline</i>
                    </span>
                  </div>
                  <input id="password" type="password" class="form-control" name="password" required placeholder="Contraseña">
                </div>

                <div class="input-group">
                  <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="material-icons">lock_outline</i>
                    </span>
                  </div>
                  <input type="password" class="form-control" name="password_confirmation" required placeholder="Confirmar contraseña">
                </div>

              </div>
              <div class="footer text-center">
                <button type="submit" class="btn btn-primary btn-link btn-wd btn-lg">Confirmar Registro</button>
              </div>

            </form>
          </div>
        </div>
      </div>
    </div>
    <footer class="footer">
      <div class="container">
        <div class="copyright text-center">
          &copy;
          <script>
            document.write(new Date().getFullYear())
          </script>
           Anpout
        </div>
      </div>
    </footer>
  </div>
Tags: Bootstrap Votes: 0 - Answers: 7 - Views: 15 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  •  
      1  
     
    Date: 26-01-2019 18:28:16 Hola.
    Evidentemente es una cuestión de estilos, fijate que te este cargando los estilos particulares de esta plantilla, al parecer esta trabajando con materialize, es el curso de Juan Ramos ?
      Votes: 1 - Link answer
     
  • Date: 26-01-2019 18:50:03 Sii, este es el curso de Laravel 5 de juan ramos
    Pero tengo un error con el diseño, ya que se me esta ajuntado todo

    Usted también hizo este curso ?
      Votes: 0 - Link answer
     
  • Date: 26-01-2019 18:52:59 No se si es normal, pero me acabo de fijar que me esta saliendo este error en la consola
    [url=https://ibb.co/2hpn9hd][/url]
      Votes: 0 - Link answer
     
  •  
      0  
     
    Date: 27-01-2019 03:19:50 Compré el curso, pero no logré entender al instructor y no lo continue, estoy haciendo otros en youtube que me resultó mas entendible para mi, ahora que ya tengo unos conocimientos basico tal vez vuelva a retomarlo y creo ahora poder entender su forma de explicar.   Votes: 0 - Link answer
     
  • Date: 27-01-2019 06:52:31 Cual es ese curso que usted toma en YouTube, déjame el enlace.
    Quiero aprender.

    Ya elimine la imperfección, solo quite las redes sociales del registro y ya se ha acomodado todo muy bien
      Votes: 0 - Link answer
     
  •  
      2  
     
    Date: 27-01-2019 09:15:38 Este este es el MAESTRO, Juan, lo pongo en mayusculas porque para mi es un excelente intructor, explicas las cosas en profundidad, si realmente quieres el saber el porque de las cosas este canal me resulto de gran ayuda, solo hay que tener paciencia, no va directo a copiar y pegar sino siempre una excelente explicacion antes de hacer una linea de codigo.
    Y todo gratis....

    Pildoras Informaticas

    Este otro lo tome porque explica muy bien, es mas corto y el de laravel te va llevando con un ejercicio real y entre los dos estoy aclarando algunas cosas, al principio Laravel me resultaba muy complicado y no entendia porque la gente hablaba tan bien de él, ahora ya tengo otra vision de él.

    Raul Palacios

    espero te sirva. saludos.
      Votes: 2 - Link answer
     
  • Date: 27-01-2019 10:54:00 Muchas gracias, ya comienzo a ver los curso   Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com