この例では、この記事では、参照用のブートストラップナビゲーションバーとログインボックスの特定のコードを共有しています。欠点があるかどうかを理解し、一緒に学び、進歩してください。
<!Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "styleSheet" href = "css/bootstrap.min.css"/> <script type = "text/javascript" src = "js/jquery.min.js"> type = "text/javascript" src = "js/bootstrap.min.js"> </script> </head> <body> <nav role = "navigation"> <div> <div> <button data-toggle = "collapse" data-target = "。 <img src = "img/mylogo.png" style = "height:50px; margin -top:-15px;"/> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#" href = "#"> product </a> </li> <li> <a href = "#"> data-toggle = "dropdown"> services <span> </span> </a> <ul> <li> <a href = "#">オンライン</a> </a> </li> <li> </li> </</</</ <li> <a href = "#">アドレス電話</a> </li> </li> </li> </li> <li> <a href = "#"> mall </a> </li> </ul> <div> <a href = "#"> login </a> <a href = " </button> div> </div> </nav> <div style = "height:50px;"> </div> <div> <h1> <span> </span>ユーザーログイン</h1> <フォーム> <div> <入力タイプ= "テキスト" placeholder = "placeholder =" username "/> </div> div div <> <> div> <> <> <> <> <> <passwer </div> </div> <div> <div> <butth> login </button> </div> </form> </div> <div> <div> <div> <button> login </button> </div> </form> </div> <div> div div> "
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事に関するものであり、誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。