{"id":172585,"date":"2013-03-25T05:09:02","date_gmt":"2013-03-25T01:09:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=172585"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=172585","title":{"rendered":"Drupal + Omega + Bootstrap: \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u0442\u0435\u043c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 (\u0427\u0430\u0441\u0442\u044c 2. Bootstrap)<\/span>"},"content":{"rendered":"
\t\u041f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c, \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/a><\/p>\n

\u0412 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043e \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 Omega \u0434\u043b\u044f Drupal, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0442\u0435\u043c\u044b \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0441\u0435\u0442\u043a\u0435 (grid), \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0431\u0435\u0437 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 HTML-\u043a\u043e\u0434\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432. \u041d\u0430 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f, \u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u043c\u043e\u0449\u043d\u044b\u0439 CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Bootstrap, \u0438\u043c\u0435\u044e\u0449\u0438\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0441\u0435\u0442\u043a\u0438, \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 CSS \u0438 JS \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438 \u00ab\u0432\u044b\u043b\u0438\u0437\u0430\u043d\u043d\u044b\u0439\u00bb \u043a\u043e\u0434 \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u0430\u043c\u0438. <\/p>\n

\u0412 \u044d\u0442\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c Bootsrap \u043a Omega. \u041d\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0441 \u043f\u043e \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0435 \u043d\u0435 \u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 Bootstrap, \u0442\u043e \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u043a Omega \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043d\u0430 \u0432\u0430\u0448 \u0432\u043a\u0443\u0441. \u041a\u0430\u043a \u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438, \u044f \u043d\u0435 \u043f\u0440\u0435\u0442\u0435\u043d\u0434\u0443\u044e \u043d\u0430 \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e \u0442\u0435 \u0432\u0435\u0449\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c \u0438\u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0438 \u043c\u0430\u043b\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a.
<\/a>
\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u043f\u044f\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0435\u043e\u0440\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u0442\u043e\u043c, \u0441 \u0447\u0435\u043c \u043d\u0430\u043c \u043f\u0440\u0435\u0434\u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. \u0418\u0442\u0430\u043a, \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 Omega:<\/p>\n

    \n
  1. \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u0430 Alpha,<\/i> \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0437\u0430\u043b\u043e\u0436\u0435\u043d \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u043e\u043d \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0435\u043c\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u0432\u043e\u0434\u044f\u0449\u0438\u0439 \u0432 \u043d\u0430\u0448\u0435 \u0440\u0430\u0441\u043f\u043e\u0440\u044f\u0436\u0435\u043d\u0438\u0435 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0441\u0435\u0442\u043a\u0443 (grid) \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 (Fixed \u0438 Fluid) \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u043e\u043b\u043e\u043d\u043e\u043a (12, 16, 24).<\/li>\n
  2. \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u0430 Omega,<\/i> \u044f\u0432\u043b\u044f\u044e\u0449\u0430\u044f\u0441\u044f \u0441\u0443\u0431\u0442\u0435\u043c\u043e\u0439 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u043c\u044b Alpha, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b Drupal \u0434\u043b\u044f HTML5.<\/li>\n
  3. \u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0435 \u043d\u0430\u0431\u043e\u0440\u044b (Starter kit),<\/i> \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u043c \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0443\u0431\u0442\u0435\u043c\u044b \u043d\u0430 \u0431\u0430\u0437\u0435 Omega \u043b\u0438\u0431\u043e \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043b\u0438\u0431\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044f Omega Tools.<\/li>\n<\/ol>\n

    \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Bootstrap \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u043e \u0441 Omega, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n

      \n
    1. \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0442\u0435\u043c\u0443, \u044f\u0432\u043b\u044f\u044e\u0449\u0443\u044e\u0441\u044f \u0441\u0443\u0431\u0442\u0435\u043c\u043e\u0439 Omega, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c Bootstrap \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c CSS-\u043a\u043b\u0430\u0441\u0441\u044b \u0441\u0435\u0442\u043a\u0438 Omega (grid-*) \u0432 Bootstrap (span*), \u0430 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 CSS-\u043a\u043b\u0430\u0441\u0441\u044b \u0434\u043b\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Drupal (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043e\u043a, \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439, \u00ab\u0445\u043b\u0435\u0431\u043d\u044b\u0445 \u043a\u0440\u043e\u0448\u0435\u043a\u00bb, \u043d\u0443\u043c\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043f\u0440\u043e\u0447\u0435\u0433\u043e).<\/li>\n
    2. \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0439 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u043c\u044b, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0443\u0431\u0442\u0435\u043c\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Omega Tools.<\/li>\n<\/ol>\n

      \u0411\u0430\u0437\u043e\u0432\u0443\u044e \u0442\u0435\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u0437 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 Omega HTML5 Startkit.<\/p>\n

      \u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u043c\u044b \u0438 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430<\/h5>\n

      <\/p>\n

        \n
      1. \u041a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e omega\/starterkits\/omega-html5<\/code> \u0440\u044f\u0434\u043e\u043c \u0441 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0435\u0439 omega<\/code> \u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0435\u0435 \u0432 omega_bootstrap<\/code>.<\/li>\n
      2. \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0444\u0430\u0439\u043b\u044b starterkit_omega_html5.info<\/code> \u2192 omega_bootstrap.info<\/code>, css\/global.css<\/code> \u2192 css\/omega-bootstrap.css<\/code> \u0438 \u0443\u0434\u0430\u043b\u044f\u0435\u043c YOURTHEME-alpha-default-narrow.css, YOURTHEME-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css, YOURTHEME-alpha-default.css<\/code>.<\/li>\n
      3. \u0421\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u043c Bootsrtap \u0438 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c \u0444\u0430\u0439\u043b\u044b bootstrap.css<\/code> \u0438 bootstrap-responsive.css<\/code> \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e css<\/code>, \u0430 \u0434\u043b\u044f \u0444\u0430\u0439\u043b\u0430 bootstrap.js<\/code> \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e js<\/code>. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u043d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438, \u0441\u0436\u0430\u0442\u044c CSS \u0438 JS \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Drupal.<\/li>\n<\/ol>\n

        \u0414\u0430\u043b\u0435\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0442\u0435\u043c\u044b omega_bootstrap.info<\/code>. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u0435\u043d\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b name = Omega with Bootstrap<\/code> \u0438 starterkit = FALSE<\/code>.<\/p>\n

        \u0414\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432 \u044d\u0442\u043e\u043c \u0444\u0430\u0439\u043b\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u044b \u043d\u0430 \u0440\u0430\u0437\u0434\u0435\u043b\u044b. <\/p>\n

        \u0412 \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u0445 ADDITIONAL REGIONS<\/code> \u0438 ZONES<\/code> \u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043d\u0430\u043c \u0437\u043e\u043d\u044b \u0438\u043b\u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u044b. <\/p>\n

        \u0412 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 OPTIONAL STYLESHEETS<\/code> \u043c\u0435\u043d\u044f\u0435\u043c \u0432\u0441\u0435 [global.css]<\/code> \u043d\u0430 [omega-bootstrap.css]<\/code> \u0438 \u0437\u0430\u0434\u0430\u0435\u043c \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435 name<\/code> \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 Omega Bootstrap custom styles<\/code>. \u0421\u044e\u0434\u0430 \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 CSS (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c FontAwesome), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0442\u043e\u043c \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c-\u0432\u044b\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Toggle styles (\u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\/\u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439).<\/i><\/p>\n

        \u041d\u0438\u0436\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 OPTIONAL STYLESHEETS<\/code> \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u044b OPTIONAL LIBRARIES<\/code> \u0438 CSS GRID SYSTEMS<\/code>:<\/p>\n

        ; OPTIONAL LIBRARIES  libraries[bootstrap][name] = 'Bootstrap' libraries[bootstrap][description] = 'Sleek, intuitive, and powerful front-end framework for faster and easier web development.' libraries[bootstrap][css][0][file] = bootstrap.css libraries[bootstrap][css][0][options][weight] = 1 libraries[bootstrap][css][1][file] = bootstrap-responsive.css libraries[bootstrap][css][1][options][weight] = 2 libraries[bootstrap][js][0][file] = bootstrap.js libraries[bootstrap][js][0][options][weight] = -1  ; CSS GRID SYSTEMS  grids[bootstrap][name] = Bootstrap grids[bootstrap][layouts][normal] = Normal grids[bootstrap][columns][12] = 12 Columns <\/code><\/pre>\n
          \u0424\u043e\u0440\u043c\u0430\u0442 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u0432 \u043c\u044b \u0432\u0437\u044f\u043b\u0438 \u0438\u0437 alpha.info<\/code> \u0438 omega.info<\/code>. <\/p>\n
          \u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0442\u0430\u043a\u0436\u0435 \u0438\u0437 Omega HTML5 Startkit:<\/p>\n
          \n
        1. \u041a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e omega\/starterkits\/omega-html5<\/code> \u0440\u044f\u0434\u043e\u043c \u0441 omega_bootstrap<\/code>, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0432 omega-html5-bootstrap<\/code>.<\/li>\n
        2. \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c starterkit_omega_html5.info<\/code> \u0432 starterkit_omega_html5_bootstrap.info<\/code>, \u0443\u0434\u0430\u043b\u044f\u0435\u043c YOURTHEME-alpha-default-narrow.css, YOURTHEME-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css, YOURTHEME-alpha-default.css<\/code>.<\/li>\n
        3. \u0412 \u0444\u0430\u0439\u043b\u0435 starterkit_omega_html5_bootstrap.info<\/code> \u043c\u0435\u043d\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b name = Omega HTML5 Starterkit with Bootstrap<\/code> \u0438 base theme = omega_bootstrap<\/code>.<\/li>\n<\/ol>\n
            \u041d\u0430\u0448\u0438 \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u0430 \u0438 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0433\u043e\u0442\u043e\u0432\u044b \u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e. \u041d\u043e \u044d\u0442\u043e \u0435\u0449\u0435 \u043d\u0435 \u043a\u043e\u043d\u0435\u0446, \u0430 \u0441\u043a\u043e\u0440\u0435\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0430\u043b\u043e.<\/p>\n
          \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0443\u0431\u0442\u0435\u043c\u044b<\/h5>\n
            \u0414\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435, \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043d\u043e\u0432\u0443\u044e \u0442\u0435\u043c\u0443 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c \u0432\u00a0\u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438<\/a>, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Omega Tools, \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Base theme (\u0431\u0430\u0437\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u0430)<\/i> \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c Omega with Bootstrap<\/i>, \u0430 \u0432 Starterkit (\u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440)<\/i> \u2014 \u043d\u0430\u0448 Omega HTML5 Starterkit with Bootstrap<\/i> (\u0440\u0438\u0441. 1).<\/p>\n
            1.\u00a0\"image\"\/<\/a> 2. \"image\"\/<\/a> 3.\u00a0\"image\"\/<\/a> 4.\u00a0\"image\"\/<\/a> 5.\u00a0\"image\"\/<\/a><\/p>\n
            \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0443 \u0442\u0435\u043c\u0443 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438.<\/p>\n
            \n
          1. \u041d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Grid settings (\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0441\u0435\u0442\u043a\u0438)<\/i> \u0432 Grid system (\u0442\u0438\u043f \u0441\u0435\u0442\u043a\u0438)<\/i> \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u043d\u043e\u0432\u044b\u0439 \u0442\u0438\u043f Bootstrap,<\/i> \u0435\u0433\u043e \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c (\u0440\u0438\u0441. 2).<\/li>\n
          2. \u041d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Zone and region configuration (\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0437\u043e\u043d \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432)<\/i> \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u044b Bootstrap \u043a \u0437\u043e\u043d\u0430\u043c \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u043c. \u0412 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Configuration<\/i> \u0437\u043e\u043d\u044b \u0432 \u043f\u043e\u043b\u0435 Additional zone classes<\/i> \u0437\u0430\u0434\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 row<\/code>, \u0430 \u0432 \u043f\u043e\u043b\u0435 Additional wrapper classes<\/i> \u2014 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 container<\/code>. \u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0432 \u043f\u043e\u043b\u0435 Additional region classes<\/i> \u0437\u0430\u0434\u0430\u0435\u043c \u043d\u0443\u0436\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 span*<\/code> \u043f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u043c\u0443 \u043d\u0430\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u043a\u043e\u043b\u043e\u043d\u043e\u043a. Omega \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0437\u043e\u043d\u0430\u043c \u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u043c, \u0447\u0435\u043c \u043c\u044b \u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u0441\u0435\u0439\u0447\u0430\u0441, \u043d\u043e \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u043c\u044b \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 (\u0440\u0438\u0441. 3).<\/li>\n
          3. \u041d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Toggle libraries (\u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\/\u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a)<\/i> \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u0441\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Omega \u0438 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043d\u0430\u0448\u0443 Bootstrap<\/i> (\u0440\u0438\u0441. 4).<\/li>\n
          4. \u041d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Toggle styles (\u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\/\u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439)<\/i> \u0442\u0430\u043a\u0436\u0435 \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u0441\u0435 \u0441\u0442\u0438\u043b\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Enable optional stylesheets (\u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438)<\/i>, \u043a\u0440\u043e\u043c\u0435 Omega Bootstrap custom styles (all) \u2014 omega-bootstrap.css<\/i> \u0438 Your custom global styles (all) \u2014 global.css<\/i> (\u0440\u0438\u0441. 5).<\/li>\n<\/ol>\n
              \u0412\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0437\u0430\u0434\u0430\u0435\u043c \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u043c\u0438 \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0438\u0445. \u0417\u0430\u0442\u0435\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u0436\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 Export theme settings<\/i>, \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0438\u0445 \u0432 \u0444\u0430\u0439\u043b omega-html5-bootstrap\/starterkit_omega_html5_bootstrap.info<\/code>, \u0437\u0430\u043c\u0435\u043d\u0438\u0432 \u0438\u043c\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 THEME SETTINGS (DEFAULTS)<\/code>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0441\u0435 \u043d\u043e\u0432\u044b\u0435 \u0442\u0435\u043c\u044b \u0438\u0437 \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u0441\u0440\u0430\u0437\u0443 \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u043d\u0443\u0436\u043d\u044b\u043c \u043d\u0430\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n
            \u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/h5>\n
              Bootstrap \u0434\u043b\u044f \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043a\u043b\u0430\u0441\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043e\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 Drupal. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441\u044b Bootsrtap \u0432 \u0432\u044b\u0432\u043e\u0434 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 Drupal. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Drupal, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u043d\u0443\u0436\u043d\u044b\u0435 \u043d\u0430\u043c theme_<\/code>-\u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u0438 Drupal \u043c\u043e\u0436\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c \u0438\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Using the theme layer<\/i> (http:\/\/drupal.org\/node\/933976<\/a>). <\/p>\n
              \u0424\u0443\u043d\u043a\u0446\u0438\u0438 \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0443\u0434\u0435\u043c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0432 \u0444\u0430\u0439\u043b\u0435 template.php<\/code> \u0432 \u043a\u043e\u0440\u043d\u0435 \u043d\u0430\u0448\u0435\u0439 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u043c\u044b omega_bootstrap<\/code>, \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0435\u043c\u0438 \u043d\u0430\u0448\u0438\u043c\u0438 \u0441\u0443\u0431\u0442\u0435\u043c\u0430\u043c\u0438.<\/p>\n
              \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0438\u0437\u0431\u0430\u0432\u0438\u043c\u0441\u044f \u043e\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043a\u043b\u0430\u0441\u0441\u044b container<\/code> \u0438 row<\/code> \u0437\u043e\u043d\u0430\u043c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043b\u0430\u0441\u0441\u044b span*<\/code> \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u043c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 template.php<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u044e omega_bootstrap_process()<\/code>: <\/p>\n
            omega_bootstrap_process()<\/b><\/p>\n
            \n
            \/**  * Implements hook_process().  *\/ function omega_bootstrap_process(&$vars, $hook) {   if (!empty($vars['elements']['#grid']) || !empty($vars['elements']['#data']['wrapper_css'])) {     if (!empty($vars['elements']['#grid'])) {       foreach (array('prefix', 'suffix', 'push', 'pull') as $quality) {         if (!empty($vars['elements']['#grid'][$quality])) {           array_unshift($vars['attributes_array']['class'], 'offset' . $vars['elements']['#grid'][$quality]); # \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 offset* \u0440\u0435\u0433\u0438\u043e\u043d\u0443         }       }        array_unshift($vars['attributes_array']['class'], 'span' . $vars['elements']['#grid']['columns']); # \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 span* \u0440\u0435\u0433\u0438\u043e\u043d\u0443     }        $vars['attributes'] = $vars['attributes_array'] ? drupal_attributes($vars['attributes_array']) : '';   }    if (!empty($vars['elements']['#grid_container']) || !empty($vars['elements']['#data']['css'])) {      if (!empty($vars['elements']['#grid_container'])) {       $vars['content_attributes_array']['class'][] = 'container'; # \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 container \u0437\u043e\u043d\u0435     }      $vars['content_attributes'] = $vars['content_attributes_array'] ? drupal_attributes($vars['content_attributes_array']) : '';   }    alpha_invoke('process', $hook, $vars); } <\/code><\/pre>\n<\/div>\n<\/div>\n
              \u041a\u043e\u0434 \u043c\u044b \u043f\u043e\u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u0438 \u0438\u0437 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 alpha_process()<\/code>, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 \u0444\u0430\u0439\u043b\u0435 omega\/alpha\/template.php<\/code>. \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435, \u0435\u0449\u0435 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c row<\/code>, \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0438\u0437 omega\/alpha\/templates\/zone.tpl.php<\/code> \u0438 omega\/omega\/templates\/zone--content.tpl.php<\/code> \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e omega_bootstrap\/templates<\/code> \u0438 \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n
            \u0424\u0430\u0439\u043b zone.tpl.php<\/b><\/p>\n
            \n
            <?php  \/**  * @file  * Alpha's theme implementation to display a zone.  *\/ ?> <?php if ($wrapper): ?><div<?php print $attributes; ?>><?php endif; ?>     <div<?php print $content_attributes; ?>><div class="row">     <?php print $content; ?>   <\/div><\/div> <?php if ($wrapper): ?><\/div><?php endif; ?> <\/code><\/pre>\n<\/div>\n<\/div>\n
              <\/p>\n
            \u0424\u0430\u0439\u043b zone—content.tpl.php<\/b><\/p>\n
            \n
            <?php if ($wrapper): ?><div<?php print $attributes; ?>><?php endif; ?>   <div<?php print $content_attributes; ?>><div class="row">     <?php if ($breadcrumb): ?>       <div id="breadcrumb" class="grid-<?php print $columns; ?>"><?php print $breadcrumb; ?><\/div>     <?php endif; ?>         <?php if ($messages): ?>       <div id="messages" class="grid-<?php print $columns; ?>"><?php print $messages; ?><\/div>     <?php endif; ?>     <?php print $content; ?>   <\/div><\/div> <?php if ($wrapper): ?><\/div><?php endif; ?> <\/code><\/pre>\n<\/div>\n<\/div>\n
              \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u0431\u0440\u0430\u0442\u044c \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0442\u0435\u043c\u044b \u0438 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0432 \u0440\u0435\u0433\u0438\u043e\u043d\u0435 \u043e\u0431\u044b\u0447\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c.<\/p>\n
              \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c \u043a \u0443\u043a\u0440\u0430\u0448\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\u043c. \u041a\u043e\u0434 \u0431\u0435\u0440\u0435\u043c \u0438\u0437 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u043f\u043e\u0434 \u043d\u0430\u0448\u0438 \u043d\u0443\u0436\u0434\u044b \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u044b Bootstrap.<\/p>\n
            \u00ab\u0425\u043b\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u043e\u0448\u043a\u0438\u00bb<\/b><\/p>\n
            \u0422\u0430\u043a \u043a\u0430\u043a \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044c Delta Blocks, \u0442\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0435\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n
            \/**  * Implements theme_delta_blocks_breadcrumb().  *\/ function omega_bootstrap_delta_blocks_breadcrumb($variables) {   $output = '';       if (!empty($variables['breadcrumb'])) {       if ($variables['breadcrumb_current']) {       $variables['breadcrumb'][] = l(drupal_get_title(), current_path(), array('html' => TRUE));     }        $output = '<div id="breadcrumb" class="clearfix"><ul class="breadcrumb">';     $switch = array('odd' => 'even', 'even' => 'odd');     $zebra = 'even';     $last = count($variables['breadcrumb']) - 1;              foreach ($variables['breadcrumb'] as $key => $item) {       $zebra = $switch[$zebra];       $attributes['class'] = array('depth-' . ($key + 1), $zebra);              if ($key == 0) {         $attributes['class'][] = 'first';       }              if ($key == $last) {         $attributes['class'][] = 'last';       }       else {         $item .= '<span class="divider">\/<\/span>';       }        $output .= '<li' . drupal_attributes($attributes) . '>' . $item . '<\/li>';     }            $output .= '<\/ul><\/div>';   }      return $output; } <\/code><\/pre>\n<\/div>\n<\/div>\n
              <\/p>\n
            \u0421\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/b><\/p>\n
            \u041a\u043b\u0430\u0441\u0441\u044b messages<\/code> \u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 alert<\/code>.<\/p>\n
            \/**  * Implements theme_status_messages().  *\/ function omega_bootstrap_status_messages($variables) {   $display = $variables['display'];   $output = '';    $status_heading = array(     'status' => t('Status message'),      'error' => t('Error message'),      'warning' => t('Warning message'),   );      $class = array(     'status' => 'alert alert-success',      'error' => 'alert alert-error',      'warning' => 'alert',   );    foreach (drupal_get_messages($display) as $type => $messages) {     $output .= "<div class=\\"{$class[$type]}\\">\\n";     if (!empty($status_heading[$type])) {       $output .= '<h2 class="element-invisible">' . $status_heading[$type] . "<\/h2>\\n";     }     if (count($messages) > 1) {       $output .= " <ul>\\n";       foreach ($messages as $message) {         $output .= '  <li>' . $message . "<\/li>\\n";       }       $output .= " <\/ul>\\n";     }     else {       $output .= $messages[0];     }     $output .= "<\/div>\\n";   }   return $output; } <\/code><\/pre>\n<\/div>\n<\/div>\n
              <\/p>\n
            \u041a\u043d\u043e\u043f\u043a\u0438-\u0432\u043b\u0430\u0434\u043a\u0438<\/b><\/p>\n
            \u041c\u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0440\u0430\u0432\u044f\u0442\u0441\u044f nav-pills<\/code>, \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430 nav-tabs<\/code>.<\/p>\n
            \/**  * Implements theme_menu_local_tasks().  *\/ function omega_bootstrap_menu_local_tasks(&$variables) {   $output = '';    if (!empty($variables['primary'])) {     $variables['primary']['#prefix'] = '<h2 class="element-invisible">' . t('Primary tabs') . '<\/h2>';     $variables['primary']['#prefix'] .= '<ul class="nav nav-pills">';     $variables['primary']['#suffix'] = '<\/ul>';     $output .= drupal_render($variables['primary']);   }   if (!empty($variables['secondary'])) {     $variables['secondary']['#prefix'] = '<h2 class="element-invisible">' . t('Secondary tabs') . '<\/h2>';     $variables['secondary']['#prefix'] .= '<ul class="nav nav-pills">';     $variables['secondary']['#suffix'] = '<\/ul>';     $output .= drupal_render($variables['secondary']);   }    return $output; } <\/code><\/pre>\n<\/div>\n<\/div>\n
              <\/p>\n
            \u041a\u043d\u043e\u043f\u043a\u0438 \u0444\u043e\u0440\u043c<\/b><\/p>\n
            \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 btn<\/code>.<\/p>\n
            \/**  * Implements theme_button().  *\/ function omega_bootstrap_button($variables) {   $element = $variables['element'];   $element['#attributes']['type'] = 'submit';   element_set_attributes($element, array('id', 'name', 'value'));    $element['#attributes']['class'][] = 'btn';      switch($element['#id']) { # \u0420\u0430\u0437\u0443\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438     case strpos($element['#id'], 'edit-submit') === 0: $element['#attributes']['class'][] = 'btn-primary'; break;     case 'edit-preview': $element['#attributes']['class'][] = 'btn-warning'; break;     case 'edit-delete': $element['#attributes']['class'][] = 'btn-danger'; break;   }    $element['#attributes']['class'][] = 'form-' . $element['#button_type'];   if (!empty($element['#attributes']['disabled'])) {     $element['#attributes']['class'][] = 'form-button-disabled btn-disabled';   }    return ' <input' . drupal_attributes($element['#attributes']) . ' \/> '; } <\/code><\/pre>\n<\/div>\n<\/div>\n
              <\/p>\n
            \u041d\u0443\u043c\u0435\u0440\u0430\u0446\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/b><\/p>\n
            \u041a\u043b\u0430\u0441\u0441 pagination<\/code>.<\/p>\n
            \/**  * Implements theme_pager().  *\/ function omega_bootstrap_pager($variables) {   $tags = $variables['tags'];   $element = $variables['element'];   $parameters = $variables['parameters'];   $quantity = $variables['quantity'];   global $pager_page_array, $pager_total;    \/\/ Calculate various markers within this pager piece:   \/\/ Middle is used to "center" pages around the current page.   $pager_middle = ceil($quantity \/ 2);   \/\/ current is the page we are currently paged to   $pager_current = $pager_page_array[$element] + 1;   \/\/ first is the first page listed by this pager piece (re quantity)   $pager_first = $pager_current - $pager_middle + 1;   \/\/ last is the last page listed by this pager piece (re quantity)   $pager_last = $pager_current + $quantity - $pager_middle;   \/\/ max is the maximum page number   $pager_max = $pager_total[$element];   \/\/ End of marker calculations.    \/\/ Prepare for generation loop.   $i = $pager_first;   if ($pager_last > $pager_max) {     \/\/ Adjust "center" if at end of query.     $i = $i + ($pager_max - $pager_last);     $pager_last = $pager_max;   }   if ($i <= 0) {     \/\/ Adjust "center" if at start of query.     $pager_last = $pager_last + (1 - $i);     $i = 1;   }   \/\/ End of generation loop preparation.    $li_first = theme('pager_first', array('text' => (isset($tags[0]) ? $tags[0] : t('\u00ab first')), 'element' => $element, 'parameters' => $parameters));   $li_previous = theme('pager_previous', array('text' => (isset($tags[1]) ? $tags[1] : t('\u2039 previous')), 'element' => $element, 'interval' => 1, 'parameters' => $parameters));   $li_next = theme('pager_next', array('text' => (isset($tags[3]) ? $tags[3] : t('next \u203a')), 'element' => $element, 'interval' => 1, 'parameters' => $parameters));   $li_last = theme('pager_last', array('text' => (isset($tags[4]) ? $tags[4] : t('last \u00bb')), 'element' => $element, 'parameters' => $parameters));    if ($pager_total[$element] > 1) {     if ($li_first) {       $items[] = array(         'data' => $li_first,       );     }     if ($li_previous) {       $items[] = array(         'data' => $li_previous,       );     }      \/\/ When there is more than one page, create the pager list.     if ($i != $pager_max) {       if ($i > 1) {         $items[] = array(           'data' => '<span>\u2026<\/span>',         );       }       \/\/ Now generate the actual pager piece.       for (; $i <= $pager_last && $i <= $pager_max; $i++) {         if ($i < $pager_current) {           $items[] = array(             'data' => theme('pager_previous', array('text' => $i, 'element' => $element, 'interval' => ($pager_current - $i), 'parameters' => $parameters)),           );         }         if ($i == $pager_current) {           $items[] = array(             'class' => array('active'),              'data' => "<span>$i<\/span>",           );         }         if ($i > $pager_current) {           $items[] = array(             'data' => theme('pager_next', array('text' => $i, 'element' => $element, 'interval' => ($i - $pager_current), 'parameters' => $parameters)),           );         }       }       if ($i < $pager_max) {         $items[] = array(           'data' => '<span>\u2026<\/span>',         );       }     }     \/\/ End generation.     if ($li_next) {       $items[] = array(         'data' => $li_next,       );     }     if ($li_last) {       $items[] = array(         'data' => $li_last,       );     }     return '<h2 class="element-invisible">' . t('Pages') . '<\/h2><div class="pagination pagination-centered">' . theme('item_list', array(       'items' => $items,      )) . '<\/div>';   } } <\/code><\/pre>\n<\/div>\n<\/div>\n
              \u0418 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 \u043f\u043e \u0442\u0430\u043a\u043e\u043c\u0443 \u0436\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0443. \u0415\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0432\u044b\u0432\u043e\u0434 Drupal \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441\u044b Bootstrap\u00a0\u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u0438 (\u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d), \u0432\u0441\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Drupal. \u041a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0438\u0437 Drupal-\u0442\u0435\u043c\u044b Bootstrap<\/a>. \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u044d\u0442\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043c\u0435\u043d\u044f\u0442\u044c \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b. \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a: \u0441\u0438\u043c\u0432\u043e\u043b-\u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u0432 \u00ab\u0445\u043b\u0435\u0431\u043d\u044b\u0445 \u043a\u0440\u043e\u0448\u043a\u0430\u0445\u00bb, nav-tabs<\/code> \u0438\u043b\u0438 nav-pills<\/code>, \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0443\u043c\u0435\u0440\u0430\u0442\u043e\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 (pagination-large<\/code> \/ pagination-small<\/code> \/ pagination-mini<\/code> \u0438 pagination-centered<\/code> \/ pagination-right<\/code>). \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Creating advanced theme settings<\/i> (http:\/\/drupal.org\/node\/177868<\/a>).<\/p>\n
            \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435<\/h5>\n
              \u041d\u0443 \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0432\u0441\u0435\u043c \u044d\u0442\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f. \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0431\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0435\u0442\u043a\u0443-\u043e\u0432\u0435\u0440\u043b\u0435\u0439 \u043f\u043e\u0434 \u0448\u0438\u0440\u0438\u043d\u0443 \u043a\u043e\u043b\u043e\u043d\u043e\u043a Bootstrap. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u043e\u0442\u044b\u0441\u043a\u0430\u0442\u044c PNG \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0442\u0435\u043c\u044b Alpha, \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0438\u0445 \u0432 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441 alpha-grid-debug<\/code> \u0432 \u043d\u0430\u0448\u0435\u043c omega-bootstrap.css<\/code>.<\/p>\n
              \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f JS-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Bootstrap \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c jQuery 1.7.x \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0434\u0443\u043b\u044f jQuery Update<\/a>.<\/p>\n
              \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0434\u0443\u043b\u044f Block Class (\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043b\u0441\u044f \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438) \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0431\u043b\u043e\u043a\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 well<\/code> (\u0441\u043c. \u0440\u0438\u0441. 6).<\/p>\n
              \u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044f Views \u0435\u0441\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c, \u0447\u0442\u043e \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0448\u0438\u0440\u043e\u043a\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Bootstrap.<\/p>\n
              \u041f\u0440\u0438\u043c\u0435\u0440 1: \u0432\u044b\u0432\u043e\u0434 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0441\u0435\u0442\u043a\u043e\u0439. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u0438\u0448\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441 row<\/code> \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044e Other \u2014 CSS class<\/i>, \u0430 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u043b\u0430\u0441\u0441\u0430 \u0441\u0442\u0440\u043e\u043a\u0438 \u0444\u043e\u0440\u043c\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 Format \u2014 Unformatted list \u2014 Settings \u2014 Row class<\/i> \u0437\u0430\u0434\u0430\u0442\u044c \u043a\u043b\u0430\u0441\u0441 \u0441 \u043d\u0443\u0436\u043d\u044b\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 span2<\/code>.<\/p>\n
              \u041f\u0440\u0438\u043c\u0435\u0440 2: \u0432\u044b\u0432\u043e\u0434 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 \u043f\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e Bootstrap-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Media object<\/a>. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Format \u2014 Unformatted list \u2014 Settings \u2014 Row class<\/i> \u043a\u043b\u0430\u0441\u0441 media<\/code>, \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 \u043f\u043e\u043b\u044f \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c Style settings \u2014 Customize field and label wrapper HTML \u2014 Create a CSS class \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441 pull-left<\/code>, \u0438 \u0432 \u0442\u0430\u043a\u0438\u0445 \u0436\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 \u043f\u043e\u043b\u044f \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441 media-body<\/code>. \u0414\u0440\u0443\u0433\u0438\u0435 \u043f\u043e\u043b\u044f \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u044d\u0442\u043e \u0436\u0435 \u043f\u043e\u043b\u0435 \u0447\u0435\u0440\u0435\u0437 Rewrite results \u2014 Rewrite the output of this field<\/i>, \u043d\u0435 \u0437\u0430\u0431\u044b\u0432 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0430\u043c\u0438 \u044d\u0442\u0438 \u043f\u043e\u043b\u044f \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 (Exclude from display)<\/i>.<\/p>\n
              \u0422\u0430\u043a\u0436\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0434\u0443\u043b\u044f Views Bootstrap<\/a> (\u0441\u043f\u0430\u0441\u0438\u0431\u043e mrded<\/a>) \u0434\u043b\u044f \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f Views \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b Bootstrap \u043a\u0430\u043a Thumbnails<\/a> \u0438 Carousel<\/a>.<\/p>\n
              \u041d\u0443 \u0438 \u043d\u0430\u043f\u043e\u0441\u043b\u0435\u0434\u043e\u043a \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u0443 \u043d\u0430\u0441 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0442\u0435\u043c\u044b.<\/p>\n
              \u0420\u0438\u0441\u0443\u043d\u043e\u043a 6. \u0413\u043e\u0442\u043e\u0432\u0430\u044f \u0442\u0435\u043c\u0430 \u0441 Bootstrap \u0441 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u043e\u0442\u043b\u0430\u0434\u043e\u0447\u043d\u044b\u043c\u0438 \u0431\u043b\u043e\u043a\u0430\u043c\u0438.<\/i><\/p>\n
              <\/p>\n
              \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0441\u0442\u0430\u0442\u044c\u044f \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Drupal.    \t \t\t   \t<\/p>\n
            <\/div>\n<\/p><\/div>\n
             \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/172585\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
               \t\u041f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c, \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/a><\/p>\n
              \u0412 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b \u043e \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 Omega \u0434\u043b\u044f Drupal, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0442\u0435\u043c\u044b \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0441\u0435\u0442\u043a\u0435 (grid), \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0431\u0435\u0437 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 HTML-\u043a\u043e\u0434\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432. \u041d\u0430 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f, \u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u043c\u043e\u0449\u043d\u044b\u0439 CSS-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Bootstrap, \u0438\u043c\u0435\u044e\u0449\u0438\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0441\u0435\u0442\u043a\u0438, \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 CSS \u0438 JS \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438 \u00ab\u0432\u044b\u043b\u0438\u0437\u0430\u043d\u043d\u044b\u0439\u00bb \u043a\u043e\u0434 \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u0430\u043c\u0438. <\/p>\n
              \u0412 \u044d\u0442\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c Bootsrap \u043a Omega. \u041d\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0441 \u043f\u043e \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0435 \u043d\u0435 \u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 Bootstrap, \u0442\u043e \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u043a Omega \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043d\u0430 \u0432\u0430\u0448 \u0432\u043a\u0443\u0441. \u041a\u0430\u043a \u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438, \u044f \u043d\u0435 \u043f\u0440\u0435\u0442\u0435\u043d\u0434\u0443\u044e \u043d\u0430 \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e \u0442\u0435 \u0432\u0435\u0449\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c \u0438\u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0438 \u043c\u0430\u043b\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-172585","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/172585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=172585"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/172585\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=172585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=172585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=172585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}