ブートストラップとは何ですか？
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/form1-basic.html）：
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>基本設定</title> <link rel = "styleSheet" href = "../ css/bootstrap.css"> <スクリプトsrc = " src = "../ lib/bootstrap.js"> </script> <！ - ツールメソッド - > <スクリプトsrc = "../ scripts/global.js"> </script> <！ - plug-in-> <script src = "../ scripts/plugin.js"> </script> </hear action = "＃" id = "formcontainer"> </form> </div> <div> <label>はじめに</label> </div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <h3> div> <div> <h3>サポートフォーム要素が含まれます。 ELES = [{ELE：{type： 'text'、name： 'username'、title： 'username：'}}、[{ele： 'radio'、name： 'sex'、title： 'gender：'、items：[{text： 'male'、value：1}、{text： 'check：' falice：2}] '、{tex名前： 'plant'、title： 'user platform：'、items：[{text： 'app'、value： 'app'}、{text： 'web'、value： 'web'}]}}、 ]、{ele：{type： 'select'、name： 'province'、title： 'province：'、withnull：true、items：[{text： 'guangdong'、value： 'gd'}、{text： 'hunan'、value： 'hn'}]}}、{ele： 'from：' from： 'from：' from： 'from：' from：期間： '}}、{ele：{type：' search '、name：' selectname '、title：' select： '}}、{ele：' textarea '、name：' dresder '、title：'}}、{ele：{ele：{pre：{pre：{text： '<input =' pert " /fid： 'pert" />> < front:'}},{ele:{next:{text:'<input type="radio" />'},type:'text',name:'next',title:'after behind:'}},{ele:{pre:{text:'<input type="checkbox" />'},next:{text:'$'},type:'text',name:'pre&next',title:'fork前面と後ろ： '}、]; //非表示のフォーム要素は、主に編集に使用できます。これは主に次のJSセクションであり、フォームフォームはこのセクションJSを通じて生成されます
ランニングレンダリング：
図に示されている結果を取得します
上記は、編集者が紹介したBootstrap Smart Form Practicalシリーズ（ii）の完全な説明です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！