معرفی فریم ورک MoreStrap

بدون دیدگاه

محمد نیک جو(رابرت) – موراسترپ یک پروژه متن باز است و برای این ساخته شده است که قابلیت های بیشماری را به فریم ورک بوت استرپ(Bootstrap) اضافه نماید.
موراسترپ ۱۰۰% متن باز بوده و برای کمک به شما در پروژه های بوت استرپ تان آماده است.همچنین من هیچگونه تغییری در فرمت های پیش فرض بوت استرپ ندادم مانند کلاسها/آی دی ها یا هرچیز دیگری, تنها کاری که من کردم این بود که کلی قابلیت باحال رو به بوت استرپ اضافه کردم و سعی کردم که بهترش کنم (فکر کنم).

more-strap
موراسترپ یک فریم ورک سی اس اس(CSS) است بعلاوه مقداری جاوا اسکریپت که البته به تنهایی فریم ورک محسوب نمی شود (دست کم نه الان), برای استفاده از موراسترپ شما نیاز دارید که فایل CSS بوت استرپ ۴ را در ابتدا فراخوانی نمایید.
ذکر این نکته ضروری است که MoreStrap بر پایه بوت استرپ ۴ ایجاد شده است و هیچ تستی جهت هماهنگی با بوت استرپ ۳ بر روی آن انجام نشده.

MoreStrap شامل ۱۵ بخش و بیش از ۷۰ ابزار طراحی متفاوت است که برخی از قابلیت های آن شامل:

  • کلیدهای جدید
  • منوی جدید
  • ۵۰ رنگ پس زمینه
  • ۵۰ خطوط رنگی
  • افزونه جاوا شمارش معکوس
  • پاورقی
  • کارت های جدید
  • مارجین های جدید
  • پدینگ های جدید
  • افکت مات (Blur)
  • سایه
  • بازگرداندن قابلیت واکنش گرایی به تصاویر در بوت استرپ ۴
  • و …

شروع کار با MoreStrap

کافیست پس از فراخوانی فایل CSS بوت استرپ ۴، فایل CSS موراسترپ را نیز که دانلود کرده اید ،فراخوانی کنید.

<link rel="stylesheet" href="css/morestrap.min.css" >

یک تمپلیت ساده HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <!-- CSS FILES INCLUDE MORESTRAP -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <link rel="stylesheet" href="css/morestrap.min.css" >
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery first, then Bootstrap JS. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
  </body>
</html>

 

در همین رابطه :   دریافت کدهای CSS مدیاکوئری Twitter Bootstrap

لینک ها:
موراسترپ در Github | دانلود با فرمت ZIP | دانلود با فرمت TAR.GZ

درباره طراح
موراسترپ در دپوک،اندونزی ساخته شده است توسط محمد نیک جو(رابرت).
پشتیبانی یا تماس

با موراسترپ به مشکل خوردید؟ با من در توییتر تماس بگیرید یا از طریق گیت هاب اقدام به انتشار مشکلات و یا درخواست ها نمایید و من به شما در حل مشکلتان کمک می کنم.

– در انتها هم جا دارد که از دوست گرامی جناب آقای علی زمانی بابت این معرفی و وب سایت خوبشون تشکر کنم.

دسته بندی : CSS

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in CSS
دریافت کدهای CSS مدیاکوئری Twitter Bootstrap

من کلا Twitter Bootstrap رو دوست دارم!وقتی با استفاده از اون توسعه می دادم به این موضوع رسیدم . ولی...

Close