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

ایجاد کادر های آماده ( Wells ) در Bootstrap :

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

Example
<div class="container">
   <h2>Well</h2>
   <div  class=" well " >Basic Well</div>
</div>
کد
خروجی

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

کادر های آماده Bootstrap ، در سه سایز کوچک ( sm ) ، متوسط و یزرگ ( lg ) به صورت زیر ایجاد می شوند :

Example
<div class="container">
    <h2>Well Size</h2>
    <div  class="well well-sm">Small Well</div>
    <div  class="well">Normal Well</div>
    <div  class="well well-lg">Large Well</div>
</div>
کد
خروجی

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



راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1