freeCodeCamp/guide/russian/css/css-frameworks/css-framework-skeleton/index.md

---
title: CSS Framework Skeleton
localeTitle: CSS фреймворк Skeleton
---
# CSS фреймворк Skeleton

Skeleton(скелет) - это до смерти*(авт.) простой шаблон для запуска любого проекта с отзывчивой версткой.

## Начало

Ниже представлен простой HTML-шаблон, который включает в себя последний скомпилированный и уменьшенный CSS для библиотеки Skeleton.

```html

    <!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> 
```

 [![](//discourse-user-assets.s3.amazonaws.com/original/2X/3/31bd555700f1ee85bb4ddcacf595f0dfd8a16254.png) **JSBin Demo**](http://jsbin.com/sekojaxali/edit?html,output)

В этом примере мы использовали CDN, но вы можете проверить другие способы установки Skeleton [здесь](https://github.com/dhg/Skeleton#getting-started) .

## Учебные ресурсы

*   ![:point_right:](//forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=2 ": Point_right:") [**`Official Documentation`**](http://getskeleton.com/#grid) скелета.
*   Посмотрите репозиторий с открытым исходным кодом Skeleton [здесь](https://github.com/dhg/Skeleton) .
*   [Вот](http://getskeleton.com/#examples) несколько примеров того, как скелет использовался на разных сайтах.
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
+								---
 								title: CSS Framework Skeleton
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								localeTitle: CSS фреймворк Skeleton
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
+								---
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								# CSS фреймворк Skeleton
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								Skeleton(скелет) - это до смерти*(авт.) простой шаблон для запуска любого проекта с отзывчивой версткой.
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								## Начало
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								Ниже представлен простой HTML-шаблон, который включает в себя последний скомпилированный и уменьшенный CSS для библиотеки Skeleton.
-												feat: add Russian guide

											
										
										
											2018-10-12 16:00:59 -04:00
 								```html
 								    <!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>
 								```
 								 [![](//discourse-user-assets.s3.amazonaws.com/original/2X/3/31bd555700f1ee85bb4ddcacf595f0dfd8a16254.png) **JSBin Demo**](http://jsbin.com/sekojaxali/edit?html,output)
 								В этом примере мы использовали CDN, но вы можете проверить другие способы установки Skeleton [здесь](https://github.com/dhg/Skeleton#getting-started) .
 								## Учебные ресурсы
 								*   ![:point_right:](//forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=2 ": Point_right:") [**`Official Documentation`**](http://getskeleton.com/#grid) скелета.
-												translation fix (#21963)

translation fix for Skeleton description
											
										
										
											2018-11-13 19:42:47 +03:00
+								*   Посмотрите репозиторий с открытым исходным кодом Skeleton [здесь](https://github.com/dhg/Skeleton) .
 								*   [Вот](http://getskeleton.com/#examples) несколько примеров того, как скелет использовался на разных сайтах.