Bootstrap هي مجموعة أدوات مفتوحة المصدر التي تطلقها Twitter للتطوير الأمامي. تم تطويره بواسطة مصمم Twitter Mark Otto و Jacob Thornton وهو إطار CSS/HTML.
بعد ذلك ، من خلال هذه المقالة ، سوف أقدم لكم رمز Bootstrap لتنفيذ مربع البحث المرن ، دعنا نلقي نظرة.
<form action = "" method = "get"> <viv> <input type = "hidden" name = "scope" value = "1"> <input name = "key" autocomplete = "Off" type = "text" placeholder = "elect the content confort to search">
CSS المقابلة:
. . Box-shadow: 0 0 0 ؛ لون الحدود: #CCC ؛}. Search-Input-Group {Width: 40 ٪ ؛}. زر Search-Input-Group {Border: 0 ؛ الخلفية: شفاف ؛}. سهولة في الخارج ؛ -O- الانتقال: العرض 0.2s سهلة ؛ الانتقال: العرض 0.2S EASE-In-out ؛}.إذا كنت ترغب في وضع أيقونة البحث أمام مربع الإدخال ، فإن Bootstrap لا يدعمه بالفعل وتحتاج إلى تخصيصه بنفسك.
http://bootsnipp.com/snippets/featured/support-glyph-and-fa-iCon-Inside-input
ما ورد أعلاه هو الوصف الكامل لـ Bootstrap الذي ينفذ مربع البحث المرن الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كنت تريد معرفة المزيد ، فيرجى الانتباه إلى موقع Wulin.com!