1

Тема: Twitter Bootstrap

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

Поделиться

2

Re: Twitter Bootstrap

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

Сайт AlxBuk

Поделиться

3

Re: Twitter Bootstrap

AlxBuk пишет:

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

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

Поделиться

4

Re: Twitter Bootstrap

newbie пишет:

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

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

Сайт AlxBuk

Поделиться

5

Re: Twitter Bootstrap

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

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

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

Поделиться

6

Re: Twitter Bootstrap

RomanArt пишет:

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

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

Сайт AlxBuk

Поделиться

7

Re: Twitter Bootstrap

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

Сайт Itoku

Поделиться

8

Re: Twitter Bootstrap

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

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

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

Сайт KANekT

Поделиться

9

Re: Twitter Bootstrap

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

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

Поделиться

10

Re: Twitter Bootstrap

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

Поделиться

11

Re: Twitter Bootstrap

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

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

Поделиться

12

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.

Сайт Awilum

Поделиться

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

Re: Twitter Bootstrap

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

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

Поделиться

14

Re: Twitter Bootstrap

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

Сайт jean179

Поделиться

15

Re: Twitter Bootstrap

ravilr пишет:

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

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

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

Поделиться

16

Re: Twitter Bootstrap

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

Сайт Awilum

Поделиться

17

Re: Twitter Bootstrap

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

Сайт Awilum

Поделиться

18

Re: Twitter Bootstrap

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

Как вывести <div class="alert"></div>
который скроется через N милисекунд

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

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

Сайт AlxBuk

Поделиться

19

Re: Twitter Bootstrap

if (Notification::get('success')) Alert::success(Notification::get('success'));
Спасибо говорим плюсиком в репутацию. Так виднее smile

Поделиться

20

Re: Twitter Bootstrap

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

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

Сайт AlxBuk

Поделиться

21

Re: Twitter Bootstrap

<div class="alert alert-error">
  ...
</div>

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

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

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

Сайт KANekT

Поделиться

22

Re: Twitter Bootstrap

KANekT пишет:
<div class="alert alert-error">
  ...
</div>

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


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

Сайт AlxBuk

Поделиться

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

Re: Twitter Bootstrap

AlxBuk пишет:
KANekT пишет:
<div class="alert alert-error">
  ...
</div>

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


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


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

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

<p>Live Example</p>
<button onclick="delayedAlert();">Show an alert box after 2 seconds</button>
<p></p>
<button onclick="clearAlert();">Cancel alert before it happens</button>

SCRIPT

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

Поделиться

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

Re: Twitter Bootstrap

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

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

<div class="alert alert-info"><h1>РАБОТА</h1></div>
<script type="text/javascript">setTimeout('$(".alert").fadeOut("slow")', '3000'); </script>

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

Сайт AlxBuk

Поделиться

25

Re: Twitter Bootstrap

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

Поделиться