O que é Bootstrap?
O Bootstrap é uma estrutura front-end para o rápido desenvolvimento de aplicativos e sites da Web. O Bootstrap é baseado em HTML, CSS e JavaScript.
história
O Bootstrap foi desenvolvido por Mark Otto do Twitter e Jacob Thornton. O Bootstrap é um produto de código aberto lançado no GitHub em agosto de 2011.
Conteúdo do pacote de bootstrap
Estrutura básica: o bootstrap fornece uma estrutura básica com um sistema de grade, estilo de link e plano de fundo. Isso será explicado em detalhes na seção de estrutura básica do bootstrap.
CSS: O Bootstrap vem com os seguintes recursos: Configurações globais de CSS, definição de estilos básicos de elementos HTML, classe extensível e um sistema de grade avançado. Isso será explicado em detalhes na seção CSS de bootstrap.
Componentes: o Bootstrap contém mais de uma dúzia de componentes reutilizáveis para criar imagens, menus suspensos, navegação, caixas de aviso, caixas pop-up e muito mais. Isso será explicado em detalhes na seção Componentes de layout.
Javascript Plugin: O Bootstrap contém mais de uma dúzia de plugins jQuery personalizados. Você pode incluir todos os plugins diretamente ou um por um. Isso será explicado em detalhes na seção de plug-in bootstrap.
Personalização: você pode personalizar componentes de bootstrap, menos variáveis e plug-ins jQuery para obter sua própria versão.
O exposto acima são todos para o seguinte texto. Aqui está o conhecimento da configuração do formulário de bloco , como segue:
Acredito que meu amigo deve ter encontrado uma situação em que uma página de edição tenha muitos blocos. O plug-in Smart Form apoiou essa situação para você.
O código é o seguinte (endereço do link: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form2-group-layout.html):
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Group form</title><link rel="stylesheet" href="../css/bootstrap.css"><!--Custom site style--><link rel="stylesheet" href="../css/site.css"><script src = "../ lib/jQuery.js"> </script> <script src = "../ lib/bootstrap.js"> </sCript> <!-ferramentas métodos-> <! src="../scripts/plugin.js"></script></head><body><div><div><label>Group form</label></div><div><form action="#" id="formContainer"></form></div><div><label>Introduction</label></div><div><label>Introduction</label></div><div><h3>The only A diferença é que o item de configuração de agrupamento é a forma de 'Grupo: Config Item' </h3> </div> </div> <cript> $ (function () {// observe que, quando configurado como um formulário de grupo, o item de configuração é um objeto JSON em vez de uma matriz var eLes = {'Usuário' information':[[{ele:{type:'text',name:'UserName',title:'Username:',required:true}},{ele:{type:'radio',name:'sex',title:'gender:',items:[{text:'male',value:1},{text:'female',value:2}]}} ], [{ele: {type: 'Caixa de seleção', nome: 'planta', título: 'usando plataforma: ', itens: [{text:' app ', value:' app '}, {text:' web ', value:' web '}]}}, {ele: {type:' select ', nome:' Provi nc ', título:' Província: ', withNull: true, itens: [{text:' guangdong ', valor:' gd '}, {text:' hunan ', valor:' hn '}]}} ] ],'Other information':[{ele:{type:'text',name:'DisplayName',title:'Displayname:'}},[{ele:{type:'datetime',name:'FromeDate',title:'Validation period:'}},{ele:{type:'datetime',name:'ToDate',title:'~'}} ]]}; // elementos de forma ocultos são usados principalmente para edição.Diagrama de efeitos em execução: (o item de configuração atual possui duas partes: informações do usuário e outras informações)
O exposto acima é a descrição completa da configuração do formulário de bloco de formulário inteligente de Bootstrap (iii) introduzido pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!