ブートストラップとは何ですか？
Bootstrapは、WebアプリケーションとWebサイトの迅速な開発のためのフロントエンドフレームワークです。 Bootstrapは、HTML、CSS、およびJavaScriptに基づいています。
歴史
ブートストラップは、TwitterのMark OttoとJacob Thorntonによって開発されました。 Bootstrapは、2011年8月にGitHubでリリースされたオープンソース製品です。
ブートストラップパッケージの内容
基本構造：ブートストラップは、グリッドシステム、リンクスタイル、背景を備えた基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳細に説明します。
CSS：Bootstrapには、グローバルCSS設定、基本的なHTML要素スタイルの定義、拡張クラス、および高度なグリッドシステムの機能が付属しています。これについては、ブートストラップCSSセクションで詳しく説明します。
コンポーネント：ブートストラップには、画像、ドロップダウンメニュー、ナビゲーション、警告ボックス、ポップアップボックスなどを作成するための12を超える再利用可能なコンポーネントが含まれています。これについては、レイアウトコンポーネントセクションで詳しく説明します。
JavaScriptプラグイン：Bootstrapには、1ダース以上のカスタムJQueryプラグインが含まれています。すべてのプラグインを直接または1つずつ含めることができます。これについては、ブートストラッププラグインセクションで詳しく説明します。
カスタマイズ：ブートストラップコンポーネント、より少ない変数、およびjQueryプラグインをカスタマイズして、独自のバージョンを取得できます。
上記はすべて次のテキスト用です。次のように、ブロックフォームの構成の知識は次のとおりです。
私の友人は、編集ページに多くのブロックがある状況に遭遇したに違いないと思います。スマートフォームプラグインは、この状況をサポートしています。
コードは次のとおりです（リンクアドレス：https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form2-group-layout.html）：
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>グループフォーム</title> <link rel = "styleSheet" href = "../ css/bootstrap.css"> <！ - カスタムサイトスタイル - > src = "../ lib/jquery.js"> </script> <script src = "../ lib/bootstrap.js"> </scrip> <！ - ツールメソッド - > <スクリプトsrc = "../ scripts/global.js"> </script> <！ - プラグイン - > <> <> <> < src = "../ scripts/plugin.js"> </script> </head> <body> <div> <div> <label>グループform </label> </div> <div> <form action = "＃" id = "formcontainer"> </form> </div> <div> <able> <able> intutional> </div> divid <構成項目のグループ化は、「グループ：config item」</h3> </div> </div> <script> $（function（）{//グループ形式として構成されている場合、構成アイテムは配列var eles = {'usersの代わりにjsonオブジェクトであることに注意してください。情報 '：[{ele：{type：' text '、name：' username '、title：' username： '、required：true}}、{ele：{type：' radio '、name：' sex '、' gender： 'gender：' '、items：[{text：' male '、value：1}、{text：' mamal '、value：2}}}} ]、[{ele：{type： 'checkbox'、name： 'plant'、title： '使用プラットフォーム： '、項目：[{text：' app '、value：' app '}、{text：' web '、value：' web '}]}}、{ele：{type：' select '、name：' provi nce '、title：' province： '、withnull：true、items：[{text：' guangdong '、value：' gd '}、{text：' hunan '、value：' hn '}]}}} ]、 'その他の情報'：[{ele：{type： 'text'、name： 'displayname'、title： 'displayname：'}}、[{ele： 'datetime'、name： 'fromedate'、 'validation period：'}}、{ele：{type： 'dateTime'、totimate '、totime'、totime '、totime'、 'totime'、 '〜 ]]}; //隠されたフォーム要素は、主に編集に使用されます。実行効果図：（現在の構成アイテムには、ユーザー情報とその他の情報の2つの部分があります）
上記は、編集者が紹介したBootstrap Smart Form Practicalシリーズ（iii）ブロックフォーム構成の完全な説明です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！