Expressões regulares úteis para atualizar para o Bootstrap 3

Recentemente, atualizei um projeto do Twitter Bootstrap 2 para o Bootstrap 3 .

Aqui está a lista de substituições de expressões regulares que apliquei em todos os meus modelos:

  • class="span(d+) → class="col-md-$1
  • class="row-fluid → class="row
  • class="([^"]*)offset(d+) → class="$1col-md-offset-$2
  • class="([^"]*)span(d+) → class="$1col-md-$2
  • class="label" → class="label label-default"
  • label-important → label-danger
  • class="brand" → class="navbar-brand"
  • class="controls" → class="col-sm-8"
  • class="btn" → class="btn btn-default"
  • class="btn ([^b])" → class="btn btn-default $1
  • class="([^"]*)control-label → class="$1col-sm-4
  • class="([^"]*)add-on → class="$1input-group-addon
  • class="([^"]*)input-append → class="$1input-group
  • class="([^"]*)input-prepend → class="$1input-group
  • class="([^"]*)add-on → class="$1input-group-addon
  • class="([^"]*)modal hide → class="$1modal
  • "<i class="icon icon-([^"]+)"></i>" → <span class="glyphicon glyphicon-$1"></span>

Então eu fiz o seguinte:

  • Retrabalhe manualmente as navbarclasses e suas subclasses.
  • Atualize meu fields.html.twigarquivo no aplicativo Symfony para renderizar campos com classes padrão para Bootstrap. Consulte http://symfony.com/doc/current/cookbook/form/form_customization.html .
  • Encapsule o conteúdo modal em <div class="modal-dialog"> and <div class="modal-content">tags. Se você estiver usando o Twig , a criação de uma macro para criar modais de maneira genérica é um bom caminho a percorrer.

Esteja ciente de que minhas expressões regulares podem modificar classes que não são de bootstrap. Revise cada mudança antes de confirmar as mudanças.