Skip to content
Snippets Groups Projects
Select Git revision
  • 21c26534fc8fab6fe6fb8963b9665050d3edd1b9
  • master default protected
  • test
  • release_10.3.0
  • feature_module_doctorant
  • feature_module_admission
  • feature_fiche_rncp
  • feature_convention_mel_template
  • release_10.2.0
  • release_10.1.1
  • feature_portfolio
  • ameliorations_index_rapporteur
  • feature_flux_diplomation
  • feature_formation_export_xls
  • feature_fichiers
  • api_inscription_admin
  • feature_module_unicaen_maintenance_mode
  • dev
  • feature_renderer_template_variables
  • feature_notif_forcage_correc
  • feature_wf_rapport_activite
  • 10.2.1
  • 10.2.0
  • 10.1.0
  • 10.0.3
  • 10.0.2
  • 10.0.1
  • 10.0.0
  • 9.4.1
  • 9.4.0
  • 9.3.1
  • 9.3.0
  • 9.2.1
  • 9.2.0
  • 9.1.1
  • 9.1.0
  • 9.0.1
  • 9.0.0
  • 8.6.0
  • 8.5.1
  • 8.5.0
41 results

bootstrap4-migration.md

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    bootstrap4-migration.md 2.43 KiB

    Migration vers Bootstrap 4

    • passage à jquery 3.x ?

    Remplacements

    • .dl-horizontal => .row + grid column classes (or mixins) on its
      and
      children.
    • .navbar-inverse, .navbar-header disparaissent
    • .navbar-fixed-top => .fixed-top
    • .navbar-toggle => .navbar-toggler
    • nouvelles classes : .nav-link, .nav-item
    • .input-group-addon => input-group-prepend ou input-group-append
    • .col-xs-* => .col-*
    • .panel => .card + .card-body (panel-primary supprimé, alternatiove à trouver https://getbootstrap.com/docs/4.0/components/card/#card-styles)
    • glyphicon glyphicon-* => icon icon-* (nouveau dans unicaen/app)
    • .table-condensed => .table-sm
    • control-label => .col-form-label.
    • .input-lg and .input-sm => .form-control-lg and .form-control-sm, respectively.
    • .help-block => .form-text (https://getbootstrap.com/docs/4.0/migration/#forms-1)
    • .form-horizontal supprimé : trouver une parade (https://getbootstrap.com/docs/4.0/migration/#forms-1)
    • .has-error, .has-warning, and .has-success disparaissent : style à récupérer
    • .btn-default => .btn-secondary
    • .btn-xs => .btn-sm
    • navbar : navbar-expand-md ajouté pour gestion du collapse, + navbar-dark bg-dark. Quid de .navbar-inverse ?
    • .breadcrumb-item, is now required on the descendants of .breadcrumbs

    NB

    • "Added a new sm grid tier below 768px for more granular control. We now have xs, sm, md, lg, and xl. This also means every tier has been bumped up one level (so .col-md-6 in v3 is now .col-lg-6 in v4)." (https://getbootstrap.com/docs/4.0/migration/#grid-system)

    • màj bootstrap-confirmation : fait pour B4, mais pas de version pour B5 !

    • màj bootstrap-datetimepicker nécessaire ? Non, unicaen/app fournit la dernière version 4.17.47 et elle semble pouvoir fonctionner avec B5.

    • màj bootstrap-select ? Non, fonctionne avec B4 (ex: filtres de thèses).

    • màj bootstrap-multiselect ? non, ça semble fonctionner (ex: filtre textuel de thèses)

    • popover : option sanitize: true requise sinon pas de

      possible das un popover !

    • .page-header disparaît

    • plus stylé : utiliser .blockquote and the .blockquote-reverse

    • nouveau : .table-inverse, .thead-default and .thead-inverse.

    • disparaissent : $().button(string) and $().button('reset')

    • envisager de remplacer <div.navbar> par

      • SyGAL RAF