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.

website-design css html Kamel Labiad
fonte
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.

Yisela
fonte
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.

Skelly
fonte
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!

ipselon
fonte
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.

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

Confira este aplicativo que desenvolvi: Bootstrap 3 drag'and'drop builder

insira a descrição da imagem aqui

user2345551
fonte
Esse parece ser um ótimo conceito, mas não é apenas em convite beta e privado; portanto, ele ainda não foi lançado para testes; portanto, seria difícil recomendá-lo.
D FebVᴀᴅᴇʀ
experimente modelos gratuitos de bootstrap KIT bootstraptor.com/bootstrap-free e Bootstrap 3. * Starter KIT de desenvolvedor premium aqui bootstraptor.com
user2345551
0

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

espiral
fonte