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
navbar
classes e suas subclasses. - Atualize meu
fields.html.twig
arquivo 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.