mmdsharifi
دوشنبه 12 آبان 1393, 11:16 صبح
Material Design for Bootstrap is a theme for Bootstrap 3 which let you use the new Google Material Design in your favourite front-end framework. Created and released by
FezVrasta (https://github.com/FezVrasta) معرفی و دانلود تم مدرن متریال
طراحی متریال برای بوت استرپ یک تم برای بوت استرپ 3 هست که به شما این توانایی رو می ده که از متریال دیزاین گوگل در طراحی های خودتون با فریم ورک بوت استرپ استفاده کنید. ساخته شده توسط:
FezVrasta (https://github.com/FezVrasta)
مشاهده پست و دانلود تم متریال گوگل برای بوت استرپ 3 (http://bootstrap.gigfa.com/bootstrap-material/)
برای مشاهده مستندات متریال دیزاین گوگل به صفحه رسمی (http://www.google.com/design/spec/material-design/) آن مراجعه کنید.
مستندات فارسی تم رایگان متریال: رنگ ها: علاوه بر 4 رنگ که در بوت استرپ هست 17 رنگ دیگر هم اضافه شده که با اضافه کردن -material-color به آن عنصر می توان رنگش را تغییر داد.به مثال زیر توجه کنید.
<button class="btn btn-material-deeppurple">Deep purple button</button>
1
<button class="btn btn-material-deeppurple">Deep purple button</button>
http://bootstrap.gigfa.com/wp-content/uploads/2014/11/palette.jpg (http://bootstrap.gigfa.com/wp-content/uploads/2014/11/palette.jpg)پلات رنگ های قالب متریال دکمه ها: برای اینکه دکمه هاتون فلت بشه کافیه کلاس btn-flat. را اضافه کنید که هیچ سایه ای نداره.اگر هم خواستید اندکی سایه زیبا داشته باشه کلاس btn-raised. رو استفاده کنید.
ورودی ها: کلاس .floating-label را به input همراه با یک placeholder اضافه کنید تا یک پرچسب شناور برای ان عنصر ورودی ایجاد شود.
<div class="radio/checkbox radio-primary"> <label> <input type="radio/checkbox" checked> Option one is this </label> </div> Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between radio or checkbox):
1
2
3
4
5
6
7
8
<div class="radio/checkbox radio-primary">
<label>
<input type="radio/checkbox" checked>
Option one is this
</label>
</div>
Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between radio or checkbox):
http://bootstrap.gigfa.com/wp-content/uploads/2014/11/bootstrap-material-design.png (http://bootstrap.gigfa.com/wp-content/uploads/2014/11/bootstrap-material-design.png)فرم ها و ورودی های قالب متریال دیزاین
برای مشاهده ادامه مطلب به سایت بوت استرپ فارسی (http://bootstrap.gigfa.com/bootstrap-material/) مراجعه کنید.
FezVrasta (https://github.com/FezVrasta) معرفی و دانلود تم مدرن متریال
طراحی متریال برای بوت استرپ یک تم برای بوت استرپ 3 هست که به شما این توانایی رو می ده که از متریال دیزاین گوگل در طراحی های خودتون با فریم ورک بوت استرپ استفاده کنید. ساخته شده توسط:
FezVrasta (https://github.com/FezVrasta)
مشاهده پست و دانلود تم متریال گوگل برای بوت استرپ 3 (http://bootstrap.gigfa.com/bootstrap-material/)
برای مشاهده مستندات متریال دیزاین گوگل به صفحه رسمی (http://www.google.com/design/spec/material-design/) آن مراجعه کنید.
مستندات فارسی تم رایگان متریال: رنگ ها: علاوه بر 4 رنگ که در بوت استرپ هست 17 رنگ دیگر هم اضافه شده که با اضافه کردن -material-color به آن عنصر می توان رنگش را تغییر داد.به مثال زیر توجه کنید.
<button class="btn btn-material-deeppurple">Deep purple button</button>
1
<button class="btn btn-material-deeppurple">Deep purple button</button>
http://bootstrap.gigfa.com/wp-content/uploads/2014/11/palette.jpg (http://bootstrap.gigfa.com/wp-content/uploads/2014/11/palette.jpg)پلات رنگ های قالب متریال دکمه ها: برای اینکه دکمه هاتون فلت بشه کافیه کلاس btn-flat. را اضافه کنید که هیچ سایه ای نداره.اگر هم خواستید اندکی سایه زیبا داشته باشه کلاس btn-raised. رو استفاده کنید.
ورودی ها: کلاس .floating-label را به input همراه با یک placeholder اضافه کنید تا یک پرچسب شناور برای ان عنصر ورودی ایجاد شود.
<div class="radio/checkbox radio-primary"> <label> <input type="radio/checkbox" checked> Option one is this </label> </div> Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between radio or checkbox):
1
2
3
4
5
6
7
8
<div class="radio/checkbox radio-primary">
<label>
<input type="radio/checkbox" checked>
Option one is this
</label>
</div>
Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between radio or checkbox):
http://bootstrap.gigfa.com/wp-content/uploads/2014/11/bootstrap-material-design.png (http://bootstrap.gigfa.com/wp-content/uploads/2014/11/bootstrap-material-design.png)فرم ها و ورودی های قالب متریال دیزاین
برای مشاهده ادامه مطلب به سایت بوت استرپ فارسی (http://bootstrap.gigfa.com/bootstrap-material/) مراجعه کنید.