1 Тема от newbie

  • newbie
  • newbie
  • Активист
  • Неактивен
  • Откуда: г. Москва
  • Зарегистрирован: 2012-04-21
  • Сообщений: 365
  • Репутация : [ 20 | 3 ]

Тема: Twitter Bootstrap

Итак monstra cms активно использует Twitter Bootstrap. Конечно, можно отправлять людей "туды" изучать его, но мне кажется надо создать, тут на форуме, обобщенную тему. Т.е. что-то типа краткого faq по нему. Где человек поймет суть, как и что, а вот сами решения можно брать и на офф. сайте... Я не силен в нем, честно говорю... никак руки не дойдут по изучать его.... По этому предлагаю общими усилиями выделить основные направления по нему.
Это:
1. Основной принцип построения кода Twitter Bootstrap.
2. Основные файлы Twitter Bootstrap и их функции в monstra cms
3. Принцип применения своих, индивидуальных стилей css, в коде Twitter Bootstrap
и тд.
предлагаем ещё)
Ну и конечно, кто разбирается хорошо в нём, попрошу прям тут писать ответы, и желательно "для чайников", помните, что в большинстве случаев, будущий мануал будут читать люди не обладающие высокими знаниями в построение дизайна.

Поделиться

2 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

Самый лучший способ разобраться в нем это изучать сорцы примеров, лично я на них все разбираю, ну и надо хоть немного читать сам БутСтрап.
А чтобы было удобнее изучать примеры, есть специальная версия в ней есть сразу примеры
https://github.com/twitter/bootstrap/zipball/master

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

3 Ответ от newbie

  • newbie
  • newbie
  • Активист
  • Неактивен
  • Откуда: г. Москва
  • Зарегистрирован: 2012-04-21
  • Сообщений: 365
  • Репутация : [ 20 | 3 ]

Re: Twitter Bootstrap

AlxBuk пишет:

Самый лучший способ разобраться в нем это изучать сорцы примеров, лично я на них все разбираю, ну и надо хоть немного читать сам БутСтрап.
А чтобы было удобнее изучать примеры, есть специальная версия в ней есть сразу примеры
https://github.com/twitter/bootstrap/zipball/master

Ну это из разряда, пойди туда и изучай сам... Для большинства это будет тупиковый вариант... Поэтому тему и создал

Поделиться

4 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

newbie пишет:

Ну это из разряда, пойди туда и изучай сам... Для большинства это будет тупиковый вариант... Поэтому тему и создал

Нет, ну а как тут на форуме можно помочь человеку?! Пока он сам не захочет, ничего и не получится, ты же не будешь путем телепатии ему в голову запихивать советы по Бутстрапу.
Тем более что в самом Бутстрапе описано пошагово как сваять страницы, как вставить элементы.
Я даже не знаю чем еще можно помочь, кроме как сорцами.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

5 Ответ от RomanArt

  • RomanArt
  • RomanArt
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-04-22
  • Сообщений: 337
  • Репутация : [ 37 | 1 ]

Re: Twitter Bootstrap

ты продолжай делать на нем проекты, на подобие твоего "демо сайта" и объясняй там понятно что ты использовал, как ты использовал, для чего, можно подписывать код.

Как это говорится "разжевывать"

(c) RomanArt
Создание дизайнов любой сложности для Monstra cms

Поделиться

6 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

RomanArt пишет:

объясняй там понятно что ты использовал, как ты использовал

Так вот именно я там разжевываю тупо шаблон, но никак не бутстрап.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

7 Ответ от Itoku

  • Itoku
  • Прохожий
  • Неактивен
  • Откуда: Япония
  • Зарегистрирован: 2012-12-11
  • Сообщений: 1
  • Репутация : [ 0 | 0 ]

Re: Twitter Bootstrap

Подскажите, Bootstrap по умолчанию грузит JQuery, можно-ли как-нибудь избавиться от JQuery, использовать Bootstrap без нее

Сайт Itoku

Поделиться

8 Ответ от KANekT

  • KANekT
  • KANekT
  • Активист
  • Неактивен
  • Откуда: Брежнев
  • Зарегистрирован: 2012-10-26
  • Сообщений: 431
  • Репутация : [ 25 | 1 ]

Re: Twitter Bootstrap

ни как без него он работать не будет. Ну всего Js фишки.

Site | Блог | GitHub | Создание форумов/решений на базе PunBB/Monstra

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

9 Ответ от ravilr

  • ravilr
  • Участник
  • Неактивен
  • Зарегистрирован: 2012-05-14
  • Сообщений: 83
  • Репутация : [ 6 | 0 ]

Re: Twitter Bootstrap

)))) ох рассмешили... только в соседней теме меня уверяли про пороги входа в цмс, то что надо сначала ее изучить, что да как, перечитать форум, понять как все таки установить правильно плагины и использовать сниппеты и чанки и блоки.
А теперь обсуждаете бутсрам, который в принципе не требует знаний, лишь css + html. Так что ребята, Вы уж определитесь или для чайников монстра или для тех кому объяснять ничего практически не надо.

Itoku чем вам js помешал? Вы можете вообще не использовать бутстрап в шаблоне, просто с бутстрапом теоретически проще оформлять стили шаблон . А на практике, если Вы CSS знаете, то можете и не применять его.

Поделиться

10 Ответ от newbie

  • newbie
  • newbie
  • Активист
  • Неактивен
  • Откуда: г. Москва
  • Зарегистрирован: 2012-04-21
  • Сообщений: 365
  • Репутация : [ 20 | 3 ]

Re: Twitter Bootstrap

Monstra cms можно использовать и без  bootstrapa, это дело вкуса.. Слышу звон...

Поделиться

11 Ответ от sergeyterr

  • Зарегистрирован: 2012-10-12
  • Сообщений: 446
  • Репутация : [ 15 | 4 ]

Re: Twitter Bootstrap

>> ravilr - )))) ох рассмешили
Вы сюда пришли ржать? Тогда Вам лучше в цирк, а здесь собрались люди по интересам и нечего им портить ни настроение ни настрой. Если люди хотят изучать бутстрап это уже говорит о том что люди не просто пользователи. И нечего над этим смеяться даже если Вы супер ас.

Поделиться

12 Ответ от Awilum

  • Awilum
  • Awilum
  • Monstra Founder & Lead Developer
  • Неактивен
  • Откуда: #Ukraine #USA
  • Зарегистрирован: 2012-04-12
  • Сообщений: 1,033
  • Репутация : [ 82 | 0 ]

Re: Twitter Bootstrap

Monstra CMS использует фронтенд фреймворк Twitter Bootstrap, а не какой-то там фронтенд фреймворк Васи Пупкина.
Что делает порог вхождение еще легче. Так как у  фронтенд фреймворк Васи Пупкина нет такой шикарной документации
http://twitter.github.com/bootstrap/index.html
http://bootstrap.veliovgroup.com/

или может быть вам ravilr нравится этот хардкор который в GS https://github.com/GetSimpleCMS/GetSimp … te/css.php ? документацию по этому хардкору где нибудь видели, вообще ? как его вообще можно использовать ?

и да, для Монстры можно и не знать Twitter Bootstrap вообще, а делать свои темы по старинке используя базовые знания html / css.

Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!

Сайт Awilum

Поделиться

13 Ответ от ravilr (2012-12-11 11:27:41 отредактировано ravilr)

  • ravilr
  • Участник
  • Неактивен
  • Зарегистрирован: 2012-05-14
  • Сообщений: 83
  • Репутация : [ 6 | 0 ]

Re: Twitter Bootstrap

sergeyterr  Awilum я не говорил что мне что то нравится и не ас я.   Перечитайте тему где я много как выразились треша написал, может что новое придумаете.

На монстре можно многое что делать, но для начала надо "перелапатить" весь форум, а это не очень приятно.

Поделиться

14 Ответ от jean179

  • jean179
  • Участник
  • Неактивен
  • Откуда: Анапа
  • Зарегистрирован: 2012-11-02
  • Сообщений: 46
  • Репутация : [ 6 | 0 ]

Re: Twitter Bootstrap

По теме. Bootstrap будет работать без jQuery. Но некоторые вещи работать не будут - выпадающие меню, галереи, слайдеры, всплывающие подсказки и другое.

Сайт jean179

Поделиться

15 Ответ от newbie

  • newbie
  • newbie
  • Активист
  • Неактивен
  • Откуда: г. Москва
  • Зарегистрирован: 2012-04-21
  • Сообщений: 365
  • Репутация : [ 20 | 3 ]

Re: Twitter Bootstrap

ravilr пишет:

sergeyterr  Awilum я не говорил что мне что то нравится и не ас я.   Перечитайте тему где я много как выразились треша написал, может что новое придумаете.

На монстре можно многое что делать, но для начала надо "перелапатить" весь форум, а это не очень приятно.

http://forum.monstra.org/ru/post/3248/#p3248
все будет....

Поделиться

16 Ответ от Awilum

  • Awilum
  • Awilum
  • Monstra Founder & Lead Developer
  • Неактивен
  • Откуда: #Ukraine #USA
  • Зарегистрирован: 2012-04-12
  • Сообщений: 1,033
  • Репутация : [ 82 | 0 ]

Re: Twitter Bootstrap

Шикарный сервис http://divshot.com/ для создания Twitter Bootstrap тем

Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!

Сайт Awilum

Поделиться

17 Ответ от Awilum

  • Awilum
  • Awilum
  • Monstra Founder & Lead Developer
  • Неактивен
  • Откуда: #Ukraine #USA
  • Зарегистрирован: 2012-04-12
  • Сообщений: 1,033
  • Репутация : [ 82 | 0 ]

Re: Twitter Bootstrap

THE BIG BADASS LIST OF 247 USEFUL TWITTER BOOTSTRAP RESOURCES
http://www.bootstraphero.com/the-big-ba … -resources

Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!

Сайт Awilum

Поделиться

18 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

Народ помогите, я нуб lol

Как вывести


который скроется через N милисекунд

ЕМНИП там требуется transition.js, а вот как сам код оформить незнаю.

Кто не въехал, мне нужно то что появляется когда нажимаешь кнопку в админке "Удалить временные файлы", появлется окошко "Временные файлы удалены" и скрывается.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

19 Ответ от sergeyterr

  • Зарегистрирован: 2012-10-12
  • Сообщений: 446
  • Репутация : [ 15 | 4 ]

Re: Twitter Bootstrap

if (Notification::get('success')) Alert::success(Notification::get('success'));

Поделиться

20 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

sergeyterr пишет:
if (Notification::get('success')) Alert::success(Notification::get('success'));

В том и дело что этот код работает только в движке монстре, а мне надо чтобы он работал в отрыве от Монстры, то есть тупо средствами самого Бустрапа

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

21 Ответ от KANekT

  • KANekT
  • KANekT
  • Активист
  • Неактивен
  • Откуда: Брежнев
  • Зарегистрирован: 2012-10-26
  • Сообщений: 431
  • Репутация : [ 25 | 1 ]

Re: Twitter Bootstrap


  ...

и на джеквери прописать скрытие элемента по css классу с задержкой

Site | Блог | GitHub | Создание форумов/решений на базе PunBB/Monstra

Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0

Сайт KANekT

Поделиться

22 Ответ от AlxBuk

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

KANekT пишет:

  ...

и на джеквери прописать скрытие элемента по css классу с задержкой


Так как это прописать. Емнип у бутстрапа есть заготовка тока чо писать конкретно не въезжаю.

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

23 Ответ от NBro (2013-03-22 22:55:33 отредактировано NBro)

  • NBro
  • Участник
  • Неактивен
  • Зарегистрирован: 2013-03-08
  • Сообщений: 76
  • Репутация : [ 4 | 0 ]

Re: Twitter Bootstrap

AlxBuk пишет:
KANekT пишет:

  ...

и на джеквери прописать скрытие элемента по css классу с задержкой


Так как это прописать. Емнип у бутстрапа есть заготовка тока чо писать конкретно не въезжаю.


Есть много разных способов указать задержку вот пример на jquery http://jsbin.com/uhuked/1

Вот так на чистом javascript
HTML

Live Example

SCRIPT

var timeoutID;
function delayedAlert() {
  timeoutID = window.setTimeout(slowAlert, 2000);
}
function slowAlert() {
  alert("That was really slow!");
}
function clearAlert() {
  window.clearTimeout(timeoutID);
}

Поделиться

24 Ответ от AlxBuk (2013-03-23 04:23:53 отредактировано AlxBuk)

  • AlxBuk
  • AlxBuk
  • Модератор
  • Неактивен
  • Зарегистрирован: 2012-11-01
  • Сообщений: 341
  • Репутация : [ 21 | 2 ]

Re: Twitter Bootstrap

Все неправильно написали.

Вот рабочий код

РАБОТА

Ессно посредством ЖиКери

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

25 Ответ от NBro

  • NBro
  • Участник
  • Неактивен
  • Зарегистрирован: 2013-03-08
  • Сообщений: 76
  • Репутация : [ 4 | 0 ]

Re: Twitter Bootstrap

Почему неправильно я же сказзал что есть много способов.

Поделиться