Desde el .page-header clase ha sido desaprobado en Bootstrap 4, ¿cómo puede alguien crear un encabezado de página con el mismo estilo de Bootstrap 3 .page-header clase?

  • No sé por qué esta pregunta llega votada abajo, ya que no es un duplicado, cumple con la stackexchange reglas y también es útil, porque no hay ninguna respuesta en la web para ese problema. Por favor me corrija si me equivoco y que me explique la razón de esta pregunta es considerado por algunos como inútil.
  • Hay preguntas en stackoverflow que no muestran ningún intento de resolver el problema y la respuesta se encuentra en la documentación, por ejemplo este. Por lo general, estas simples preguntas son aquellas que son las más famosas. La respuesta, aunque a mi pregunta, no reside en el arranque de la migración docs. La documentación sólo decir que usted tendrá que poner en práctica el encabezado de página estilo de ti mismo, pero no como.
  • Como para las respuestas aceptadas, estás en lo correcto. Hay 4 respuestas que he olvidado a aceptar (incluyendo el tuyo :-P). Todos los demás no eran aceptadas, como cualquiera que no responde a mi pregunta, o que yo era la única que ha respondido a mi pregunta y me pareció extraño, para mí aceptar mi respuesta. Me han aceptado en absoluto hace un tiempo. No creo sin embargo, que mi historia de no aceptar respuestas tiene que ver con downvoting mi respuesta (como una forma de castigo?).
  • Debido a los comentarios de arriba parecen ser off-topic, cualquier moderadores, siéntase libre de eliminarlos, si se considera necesario.
InformationsquelleAutor pgmank | 2018-04-07

2 Comentarios

  1. 24

    De acuerdo a la la migración docs, el Bootstrap 4 clases de utilidad debe ser usado en lugar de:

    <div class="pb-2 mt-4 mb-2 border-bottom">
          Page header
    </div>
    

    https://www.codeply.com/go/20jBKvMkHx

    • pb-2 – relleno de la parte inferior 2 espaciador unidades
    • mt-4 – margen superior 4 espaciador unidades
    • mb-2 – margen inferior 2 espaciador unidades
    • frontera-parte inferior – border-bottom: 1px solid rgb(222, 226, 230)
    • Esto parece una opción mucho mejor ya que te permite crear fácilmente diferentes encabezado de página estilos. Yo odiaba el viejo Bootstrap manera de hacer esto, como en Joomla tiene encabezados de página, sino también el componente de los títulos que con sólo el Encabezado de la Página de la clase que usted realmente no podía diferenciar entre los dos, pero ahora con esto, usted podría tener uno como el pb-2 mt-4 mb-2 borde inferior y el siguiente, como pb-1 mt-2 mb-2 de la frontera-parte inferior y así que usted puede personalizar mucho más. Me gusta el nuevo relleno y los márgenes de clases en BS4 – muy útil!
    • Sólo como un FYI el enlace para codeply no me funciona. Gracias.
    • ¿Cómo que no funciona? Están viendo y error?
  2. 3

    A mi entender, no existe un reemplazo directo en bootstrap 4 para el bootstrap 3 .page-header.

    Sin embargo las reglas CSS de bootstrap 3 .page-header es simplemente:

    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
    

    Así que usted puede crear su propia clase en el archivo css:

    .page-header {
      padding-bottom: 9px;
      margin: 40px 0 20px;
      border-bottom: 1px solid #eee;
    }
    

Dejar respuesta

Please enter your comment!
Please enter your name here