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

آموزش Bootstrap - کار با تصاویر ( Images ) در Bootstrap

کار با تصاویر و عکس ( Images ) در Bootstrap

bootstrap دارای مجموعه ای از کلاس های آماده و از پیش تعریف شده است که به وسیله آنها می توانید افکت های خاصی را به تصاویر موجود در صفحات وب خود ، اعمال کنید .
برای مثال ، می توانید گوشه های تصاویر را گرد کرده و یا با آنها آلبوم عکس بسازید .
در این درس ، به بررسی کلاس های مرتبط با تصاویر ( Images ) خواهیم پرداخت . توجه داشته باشید که این کلاس ها به تگ < img> در HTML اعمال می شوند .

ایجاد تصاویر با گوشه های گرد در Bootstrap

به وسیله کلاس img-rounded. در Bootstrap می توانید گوشه های یک عکس ( تگ < img> ) را به صورت گرد در بیاورید . انجام این کار همانند استفاده از خاصیت border-radius در CSS 3 می باشد .
نکته نکته مهم :

این کلاس در IE 8 کار نمی کند !


به کد و مثال زیر دقت ونمایید :
کد مثال عملی
کد
                                    
خروجی

ایجاد یک تصویر به صورت گرد ( دایره مانند ) توسط Bootstrap

به وسیله کلاس img-circle. در Bootstrap می توانید یک عکس ( تگ <img> ) را به صورت گرد یا دایره مانند در بیاورید .
نکته نکته مهم :

این کلاس در IE 8 کار نمی کند !


به کد و مثال زیر دقت ونمایید :
کد مثال عملی
کد
                                    
خروجی