greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/arabic/css/css-frameworks/css-framework-skeleton/index.md

2.0 KiB
Raw Blame History

title localeTitle
CSS Framework Skeleton CSS Framework Skeleton

CSS Framework Skeleton

الهيكل العظمي هو قالب معدني ميت لإطلاق أي مشروع سريع الاستجابة.

ابدء

في ما يلي نموذج HTML بسيط يشتمل على أحدث ملف CSS مجمع ومختزن لمكتبة Skeleton.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Skeleton Template</title> <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> </head> <body> <h1>Hello World</h1> <!-- Add all HTML Code here --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </body> </html>

JSBin Demo

لقد استخدمنا CDN في هذا المثال ، ولكن يمكنك التحقق من الطرق الأخرى لتثبيت Skeleton هنا .

مصادر التعلم

  • :point_right: Official Documentation من الهيكل العظمي.
  • مجانية مستودع مفتوح المصدر المفتوح GitHub Skeleton هنا .
  • فيما يلي بعض الأمثلة على كيفية استخدام Skeleton على مواقع ويب مختلفة.