دعونا نلقي نظرة على الاداءات أولاً:
شفرة:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> مربع منبثقة نقل متحركة </title> <link rel = "stylesheet" href = "http://netdna.bootsstrapcdn.com/bootstrap/3.1.1/csss النمط-> <style> body {margin: 30px ؛ padding: 30px ؛} </style> </head> <body> <button type = "button"> انقر فوق لي </button> <div id = "mymodal"> <viv> <viv> <div> <div> <button type = "button" data- dismiss = "modal" <h4> عنوان popt-up </h4> </viv> <viv> <p> محتوى الجسم الموضح </p> </viv> <div> <button type = "button" data-dismiss = "modal"> close </button> </viv> </viv> <!-/. في نهاية المستند لجعل تحميل الصفحة بشكل أسرع-> <!-إذا كنت ترغب في استخدام المكون الإضافي JS الخاص بـ Bootstrap ، فيجب عليك أولاً الاتصال بـ jQuery-> <script src = "http://libs.baidu.com/jquery/1.9.0/jquery.min.js -> <script src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> <script> $ (function () {$ (". }) ؛ </script> </body> </html>إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.