Twitter Bootstrap (Страница 1) — Общение на околофорумные темы

1 Тема от newbie 2012-11-28 19:51:06

newbie
Активист
Неактивен

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

Тема: Twitter Bootstrap

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

2 Ответ от AlxBuk 2012-11-28 21:06:03

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

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

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

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

Сайт AlxBuk

3 Ответ от newbie 2012-11-29 05:53:40

newbie
Активист
Неактивен

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

Re: Twitter Bootstrap

AlxBuk пишет:

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

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

4 Ответ от AlxBuk 2012-11-29 06:26:26

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

newbie пишет:

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

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

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

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

Сайт AlxBuk

5 Ответ от RomanArt 2012-11-29 09:03:07

RomanArt
Модератор
Неактивен

Откуда: Тайланд, Бангкок
Зарегистрирован: 2012-04-22
Сообщений: 476
Репутация : [ 48 | 1 ]

Re: Twitter Bootstrap

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

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

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

6 Ответ от AlxBuk 2012-11-29 10:30:41

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

RomanArt пишет:

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

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

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

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

Сайт AlxBuk

7 Ответ от Itoku 2012-12-11 06:07:19

Itoku
Прохожий
Неактивен

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

Re: Twitter Bootstrap

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

монеты

Сайт Itoku

8 Ответ от KANekT 2012-12-11 06:59:06

KANekT
MVC
Неактивен

Откуда: Брежнев
Зарегистрирован: 2012-10-26
Сообщений: 592
Репутация : [ 39 | 2 ]

Re: Twitter Bootstrap

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

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

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

Сайт KANekT

9 Ответ от ravilr 2012-12-11 10:35:15

ravilr
Активист
Неактивен

Зарегистрирован: 2012-05-14
Сообщений: 237
Репутация : [ 33 | 0 ]

Re: Twitter Bootstrap

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

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

10 Ответ от newbie 2012-12-11 10:49:00

newbie
Активист
Неактивен

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

Re: Twitter Bootstrap

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

11 Ответ от sergeyterr 2012-12-11 10:51:31

sergeyterr
Почетный активист
Неактивен

Откуда: Харьков
Зарегистрирован: 2012-10-12
Сообщений: 679
Репутация : [ 53 | 4 ]

Re: Twitter Bootstrap

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

Спасибо говорим плюсиком в репутацию. Так виднее

12 Ответ от Awilum 2012-12-11 10:56:42

Awilum
Monstra Founder & Lead Developer
Неактивен

Откуда: Russian Federation
Зарегистрирован: 2012-04-12
Сообщений: 1,209
Репутация : [ 119 | 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:25:48 (2012-12-11 11:27:41 отредактировано ravilr)

ravilr
Активист
Неактивен

Зарегистрирован: 2012-05-14
Сообщений: 237
Репутация : [ 33 | 0 ]

Re: Twitter Bootstrap

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

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

14 Ответ от jean179 2012-12-11 11:30:55

jean179
Участник
Неактивен

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

Re: Twitter Bootstrap

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

Сайт jean179

15 Ответ от newbie 2012-12-11 13:12:36

newbie
Активист
Неактивен

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

Re: Twitter Bootstrap

ravilr пишет:

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

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

16 Ответ от Awilum 2012-12-12 12:11:03

Awilum
Monstra Founder & Lead Developer
Неактивен

Откуда: Russian Federation
Зарегистрирован: 2012-04-12
Сообщений: 1,209
Репутация : [ 119 | 0 ]

Re: Twitter Bootstrap

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

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

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

Сайт Awilum

17 Ответ от Awilum 2013-01-10 20:53:47

Awilum
Monstra Founder & Lead Developer
Неактивен

Откуда: Russian Federation
Зарегистрирован: 2012-04-12
Сообщений: 1,209
Репутация : [ 119 | 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 2013-03-22 04:08:12

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

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

Как вывести

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

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

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

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

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

Сайт AlxBuk

19 Ответ от sergeyterr 2013-03-22 05:04:29

sergeyterr
Почетный активист
Неактивен

Откуда: Харьков
Зарегистрирован: 2012-10-12
Сообщений: 679
Репутация : [ 53 | 4 ]

Re: Twitter Bootstrap

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

Спасибо говорим плюсиком в репутацию. Так виднее

20 Ответ от AlxBuk 2013-03-22 16:01:12

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

sergeyterr пишет:

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

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

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

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

Сайт AlxBuk

21 Ответ от KANekT 2013-03-22 16:05:23

KANekT
MVC
Неактивен

Откуда: Брежнев
Зарегистрирован: 2012-10-26
Сообщений: 592
Репутация : [ 39 | 2 ]

Re: Twitter Bootstrap

...

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

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

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

Сайт KANekT

22 Ответ от AlxBuk 2013-03-22 18:36:35

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

KANekT пишет:

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

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

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

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

Сайт AlxBuk

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

NBro
Участник
Неактивен

Зарегистрирован: 2013-03-08
Сообщений: 79
Репутация : [ 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:31 (2013-03-23 04:23:53 отредактировано AlxBuk)

AlxBuk
Активист
Неактивен

Зарегистрирован: 2012-11-01
Сообщений: 369
Репутация : [ 22 | 2 ]

Re: Twitter Bootstrap

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

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

РАБОТА

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

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

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

Сайт AlxBuk

25 Ответ от NBro 2013-03-23 08:35:18

NBro
Участник
Неактивен

Зарегистрирован: 2013-03-08
Сообщений: 79
Репутация : [ 4 | 0 ]

Re: Twitter Bootstrap

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

Twitter Bootstrap (Страница 1 из 2)

Сообщений с 1 по 25 из 39

1 Тема от newbie 2012-11-28 19:51:06

Тема: Twitter Bootstrap

2 Ответ от AlxBuk 2012-11-28 21:06:03

Re: Twitter Bootstrap

3 Ответ от newbie 2012-11-29 05:53:40

Re: Twitter Bootstrap

4 Ответ от AlxBuk 2012-11-29 06:26:26

Re: Twitter Bootstrap

5 Ответ от RomanArt 2012-11-29 09:03:07

Re: Twitter Bootstrap

6 Ответ от AlxBuk 2012-11-29 10:30:41

Re: Twitter Bootstrap

7 Ответ от Itoku 2012-12-11 06:07:19

Re: Twitter Bootstrap

8 Ответ от KANekT 2012-12-11 06:59:06

Re: Twitter Bootstrap

9 Ответ от ravilr 2012-12-11 10:35:15

Re: Twitter Bootstrap

10 Ответ от newbie 2012-12-11 10:49:00

Re: Twitter Bootstrap

11 Ответ от sergeyterr 2012-12-11 10:51:31

Re: Twitter Bootstrap

12 Ответ от Awilum 2012-12-11 10:56:42

Re: Twitter Bootstrap

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

Re: Twitter Bootstrap

14 Ответ от jean179 2012-12-11 11:30:55

Re: Twitter Bootstrap

15 Ответ от newbie 2012-12-11 13:12:36

Re: Twitter Bootstrap

16 Ответ от Awilum 2012-12-12 12:11:03

Re: Twitter Bootstrap

17 Ответ от Awilum 2013-01-10 20:53:47

Re: Twitter Bootstrap

18 Ответ от AlxBuk 2013-03-22 04:08:12

Re: Twitter Bootstrap

19 Ответ от sergeyterr 2013-03-22 05:04:29

Re: Twitter Bootstrap

20 Ответ от AlxBuk 2013-03-22 16:01:12

Re: Twitter Bootstrap

21 Ответ от KANekT 2013-03-22 16:05:23

Re: Twitter Bootstrap

22 Ответ от AlxBuk 2013-03-22 18:36:35

Re: Twitter Bootstrap

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

Re: Twitter Bootstrap

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

Re: Twitter Bootstrap

РАБОТА

25 Ответ от NBro 2013-03-23 08:35:18

Re: Twitter Bootstrap

Сообщений с 1 по 25 из 39