Existe um editor visual da Web baseado no bootstrap?


11

O Bootstrap é uma ótima estrutura, e eu quero saber se existe uma ferramenta que oferece a possibilidade de arrastar componentes html, redimensioná-los e movê-los, alterando cores, tudo isso enquanto gera o código html do bootstrap.

Não quero usar o Dreamweaver porque você precisa adicionar classes e IDs ao html, o que às vezes pode ser complicado.


1
Eu não acho que essa coisa difícil de fazer, especialmente se você quiser usar um css específico, o botão e todos os componentes de interface do usuário deve ser pré-estilo, isso é a única deferência e isso pode economizar muito tempo
Kamel Labiad

1
@ DA01 WYSIWYGs são complicados. Eles continuam melhorando, mas nunca parecem se atualizar o suficiente antes que a web dê uma guinada e se torne exponencialmente mais complexa novamente. Eles estão em um ponto em que podem funcionar bem em sites muito básicos que são executados em desktops e laptops, mas parece que sim.
Eric

finalmente, isso parece uma resposta para o que eu estava procurando pingendo.com
Kamel Labiad

Respostas:


5

O Jetstrap é uma ferramenta online que permite arrastar e soltar um grande conjunto de componentes oficiais do Bootstrap diretamente na sua página.

insira a descrição da imagem aqui

Eles aparentemente garantem capacidade de resposta e exportam HTML limpo.

É grátis para um projeto e US $ 8 para 10 projetos.


Isso não está mais disponível.
Skelly

3

Confira Bootply.com - É um editor gratuito baseado em navegador para Bootstrap HTML, JS e CSS.

  • Barra de ferramentas com todos os CSS, componentes e JavaScript do Bootstrap
  • Visualizar em tela cheia ou móvel / responsivo
  • Inclui FontAwesome, jQueryUI e outras extensões de Bootstrap
  • Suporte para o Bootstrap 3

ATUALIZAR

O Bootply agora tem suporte para o próximo Bootstrap 4.


Isso parece realmente grande solução
Chaklader Asfak Arefe



0

Aqui está o mais novo editor / construtor visual do Bootstrap:

UMyProto Bootstrap Builder

É extremamente fácil de usar, você pode editar a grade responsiva em vários cliques, adicionar estilos CSS personalizados, alterar o tema do Bootstrap por meio de variáveis ​​MENOS, visualizar / compartilhar / baixar arquivos HTML completos. E o construtor trabalha em tablets!


Parece ter ido para sempre!
Chaklader Asfak Arefe

0

Acho que o dreamweaver cc 2014 tem modelos muito semelhantes ao bootstrap que você pode usar imediatamente.


Obrigado pela contribuição e bem-vindo ao GraphicDesign! Se você tiver alguma dúvida, informe-nos.
Zach Saucier


0

Pinegrow é outra opção muito boa. Ajuda você com layouts no Bootstrap & Foundation, que você também pode editar facilmente em outros aplicativos.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.