افزودن less به قالب

[padidehco 9]

سلام دوستان

من تو فایل های قالب گانتری دیدم که از less استفاده می کنه

حالا من چطوری می تونم از خاصیت less تو قالبم استفاده کنم

این نمونه کد برای نمایش سایت در موبایل و تبلت و کامپیوتر و ... است

 

@media only screen and (min-width: 1200px){body{background:blue;}}
@media only screen and (min-width: 960px) and (max-width: 1199px){body{background:red;}}
@media (min-width: 768px) and (max-width: 959px){body{background:#fff;}}}
@media (max-width: 767px){body{background:#111;}}
@media only screen and (min-width: 481px) and (max-width: 767px){body{background:#e2e2e2;}}
@media only screen and (max-width: 480px){body{background:#99ff00;}}

چطوری باید این کد ها را به قالب سایتم وصل کنم تا در صورتی که مانیتورم فرق می کرد کد مربوط به اون مانیتور را بخونه؟

توجه کنید : این کد ها درون فایل css بود

[hatami1372 113]

سلام

فکر کنم یه تاپیک دیگه هم با همین مضمون ایجاد کردید

لطفا اسپم نکنید

 

موفق باشید

[مصطفی صفرعلی 2,891]

با سلام

 

ببینید خیلی مختصر عرض میکنم ، چیزی که شما در این مورد باید یاد بگیرید آشنایی با ساختار فریم ورک BootStrap میباشد

 

راجع به این فریم ورک اینجا نمیشه توضیح داد چون بحثش یه مقدار گسترده هست

 

فقط در همین حد بگم که اگر با طراحی قالب بصورت معمولی آشنایی داشته باشید و ساختار این فریم ورک را هم یاد بگیرید به راحتی میتونید قالبهای رسپانسیو طراحی کنید

 

برای آشنایی با این فریم ورک داخل نت جستجو کنید

 

تاپیک تکراری حذف گردید !

 

موفق و پیروز باشید

یا حق