خانه تالار گفتگو دانلود خبرنامه سفارش سایت درباره ما ارتباط با ما حمایت از ما تبلیغات

آموزش ایجاد کادر های آماده ( Wells ) در Bootstrap

آموزش ایجاد کادر های آماده ( Wells ) در Bootstrap

اگر کلاس well. را به یک تگ < div> یا هر المنت دیگر بدهید ، باعث ایجاد خطوط حاشیه با گوشه های گرد و پس زمینه ای خاکستری در آن می شود . همچنین محتویات درونی عنصر ، مقداری فاصله درونی ( Pading ) با لبه عنصر در برگیرنده آنها ، خواهند داشت .
مثال : کد زیر ، نحوه ایجاد یک کادر آماده ساده را به وسیله کلاس well. و خروجی آن نمایش می دهد :
کد مثال عملی
کد
                                    
خروجی

سایزهای مختلف کادر های آماده

کادر های آماده Bootstrap ، در سه سایز کوچک ( sm ) ، متوسط و یزرگ ( lg ) به صورت زیر ایجاد می شوند :
کد مثال عملی
کد
                                    
خروجی
کادر سایز کوچک به وسیله کلاس well-sm. و کادر سایز بزرگ به وسیله کلاس well-lg. ایجاد می شوند .
نکته نکته مهم :

کادر های آماده Bootstrap در حالت معمولی ، دارای اندازه متوسط می باشند .