تغییر اندازه ی عکس در بوت استرپ به صورت خودکار

[ravand]

سلام من برای عکس هام در بوت استرپ معمولاً از class="img-responsive" استفاده می کنم به شکل زیر:

<img src="vasat.png" class="img-responsive" alt="Responsive image">
حالا یه بار پیش میاد یکی از قبل عکس هاش رو ارسال کرده برای سایت و نمیشه یکی یکی امد این دستور رو بهشون داد. حالا برای اینکه خودکار بیاد خودش این مقدار رو بگیره باید چیکار کرد؟
متشکرم.

[ABZiko]

خب برو سورس بوت استرپ رو نگاه کن، به تمام نگ های img ت این خاصیت ها رو بده ...

[ABZiko]

کار بهترش اینه که بیای با less کلاس .img-responsive رو به تگ img بدی !
این نگاه کن :
http://lesscss.org/features/#extend-feature

[ravand]

ممنون به این موضوع فکر کرده بودم ولی گفتم شاید یه راه دیگه و بدون تغییر در فایل بوت استرپ هم وجود داشته باشه.

[ravand]

کار بهترش اینه که بیای با less کلاس .img-responsive رو به تگ img بدی !
این نگاه کن :
http://lesscss.org/features/#extend-feature
سر در نیاوردم :لبخند:

[ABZiko]

سر در نیاوردم :لبخند:

کاری نداره، شما قبلا فایل style های بوت استرپ رو که لود کردین با تگ link،درسته؟ حالا شما اینطوری می نویسی :


img{
.img-responsive;
}


یعنی خاصیت هایی که در داخل کلاس img-responsive هست رو به داخل تگ img من بفرست ... همین !

[ABZiko]

Mixins Mixins are a way of including ("mixing in") a bunch of properties from one rule-set into another rule-set. So say we have the following class:
.bordered {
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
And we want to use these properties inside other rule-sets. Well, we just have to drop in the name of the class where we want the properties, like so:
#menu a {
color: #111;
.bordered;
}

.post a {
color: red;
.bordered;
}
The properties of the .bordered class will now appear in both #menu a and .post a. (Note that you can also use #ids as mixins.)

[ravand]

کاری نداره، شما قبلا فایل style های بوت استرپ رو که لود کردین با تگ link،درسته؟ حالا شما اینطوری می نویسی :


img{
.img-responsive;
}


یعنی خاصیت هایی که در داخل کلاس img-responsive هست رو به داخل تگ img من بفرست ... همین !
تا حالا همچین دستوری رو در css ندیده بودم :لبخند: امتحان کردم کار نکرد.

[سعید کشاورز]

ممنون به این موضوع فکر کرده بودم ولی گفتم شاید یه راه دیگه و بدون تغییر در فایل بوت استرپ هم وجود داشته باشه.
ببین نیازی نیست فایل بوت استرپ رو تغییر بدی شما مسلما یه فایل استایل داری که کدهایی که نیاز داری رو داخل مینویسی درسته؟
حالا شما بیا یه سلکتور بنویس که فقط تصاویری که داخل اون قسمت قرار دارن استایل زیر رو بگیرن متلا اینجوری:


#gallery #right-div img{
display: block;
max-width: 100%;
height: auto;
}


حالا این دستورات کلاس img-responsive بوت استرپه..
به همین سادگی..البته من تست نکردم ولی منطق میگه باید جواب بده :لبخند:

[ABZiko]

تا حالا همچین دستوری رو در css ندیده بودم :لبخند: امتحان کردم کار نکرد.

خب چون این LESS هست، باید طبق صفحه اول سایت همین زبان، اسکریپتش رو دانلود کنی و از اون استفاده کنی، اونوقت درست می شه...