آموزش تصاویر در بوت استرپ
آموزش تصاویر در بوت استرپ
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش تصاویر در بوت استرپ خواهیم پرداخت.
این درس پشتیبانی بوت استرپ برای تصاویر را پوشش می دهد. بوت استرپ سه کلاس ارائه می دهد که می تواند برای استفاده از برخی سبک های ساده در تصاویر استفاده شود –
img-rounded. – شعاع حاشیه را اضافه می کند: 6px برای دادن گوشه های تصویر به تصویر.
img-circle. – با افزودن شعاع حاشیه: 500px کل تصویر را گرد می کند.
img-thumbnail. – کمی پدینگ و حاشیه خاکستری اضافه می کند –
مثال زیر این را نشان می دهد –
1 2 3 |
<img src = "/bootstrap/images/download.png" class = "img-rounded"> <img src = "/bootstrap/images/download.png" class = "img-circle"> <img src = "/bootstrap/images/download.png" class = "img-thumbnail"> |
دیدگاه شما