Bootstrap и twitter bootstrap

[Alfa2015]

Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи?   

(если что, bootstrap -- только недавно начала изучать)

[wwt]

нет не разные. Это одно и тоже

[Vlad]

Теперь уже можно считать разными. До третьей версии Bootstrap относился к Twitter, теперь разбежались в стороны и называется просто Bootstrap.

[wwt]

Теперь уже можно считать разными. До третьей версии Bootstrap относился к Twitter, теперь разбежались в стороны и называется просто Bootstrap.

просто убрали слово из названия. скорее это не разные продукты, а разные версии одного продукта.

[Alfa2015]

А вот, не понимаю по поводу иконок: в чем разница

<span class="icon-search"></span>

и 

<i class="fa fa-search"></i>

Пишу первый вариант -- не отображается, второй -- отображается. Так, как понять?

[Николя223]

fa - это использование спец  шрифта  Font Awesome Icons

[Alfa2015]

Ну, вот у меня код меню:

<div class="row">  <div class="navbar-header navbar-inverse">   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">    <span class="sr-only">Toggle navigation</span>    <span class="icon-bar"></span>    <span class="icon-bar"></span>    <span class="icon-bar"></span>   </button>   <a class="navbar-brand hidden-lg" href="index.html">Название сайта</a>  </div>  <div class="collapse navbar-collapse navbar-default" id="bs-example-navbar-collapse-1">   <ul class="nav navbar-nav">    <li><a href="#">Главная</a></li>    <li><a href="#">О нас</a></li>    <li><a href="#">Контакты</a></li>   </ul>  </div></div>

Меню отображается. И в коде написано же:

<span class="icon-bar"></span>

Вот, я и по этому примеру хотела сделать значок лупы у формы поиска, что и написала:

<span class="icon-search"></span>

но не отображается. Как-то странно, значок у меню отображается, значок лупы - не отображается. ))))))

[Николя223]

а какая у вас версия бутстрапа стоит?

[sigma77]

1. Потому что .icon-bar - не шрифтовая иконка - http://c2n.me/3obg7cI.png

2. Как и какими классами подключаются шрифтовые иконки описано в относящемся к нему css.

 

Вообще приучите себя пользоваться предоставляемыми браузером инструментами и смотреть исходный код, если хотите продвигаться в изучении верстки.

 

п.с. Ну и читать документацию, само собой

[Николя223]

насколько я помню в старых версиях бутстрапа использовались  картинки и в них начинается с icon

позже появились шрифты и класс glyphicon. а fa - это, как я уже написал шрифт Font Awesome Icons

 

http://www.bootstrapicons.com/index.htm?version=3.0.2

[Alfa2015]

Вообще приучите себя пользоваться предоставляемыми браузером инструментами и смотреть исходный код, если хотите продвигаться в изучении верстки.

 

Смотрю я. )))

 

 

 

а какая у вас версия бутстрапа стоит?

 

Я скачивала вот здесь: http://startbootstrap.com/

 

Ну, раз вы спросили про это: то подскажите, где вообще смотрится версия bootstrap ))) 

То есть, я скачала тему и изучаю, и заодно хочу подстроить под себя.

Edited September 30, 2015 by Alfa2015

[Николя223]

ну вы же откуда то качали)) там и пишется. ещё версии в плагинах нумеруются в начале файлов, например http://joxi.ru/MAj0ZOEhbVNGme

[sigma77]

Ну, раз вы спросили про это: то подскажите, где вообще смотрится версия bootstrap ))) 

В файле css - http://c2n.me/3obiVZg.png

 

А вообще официальный сайт - http://getbootstrap.com/

[Alfa2015]

ну вы же откуда то качали)) там и пишется. ещё версии в плагинах нумеруются в начале файлов

 

 

ну, я сказала откуда скачала))))

и между прочим, у меня вначале файла css -- вот, что написано  ))) то есть, ни фига не написано))))

 

 

 

А вообще официальный сайт - http://getbootstrap.com/

 

Спасибо. ))) 

Edited September 30, 2015 by Alfa2015

[Николя223]

))) не тот файл смотрите)) это css шаблона http://joxi.ru/823OEBdCRELy2O

 

смотрите в bootstrap.min.css или bootstrap.css

[Alfa2015]

О, да!)))))

Вот она, версия

 

[Николя223]

в нем класс glyphicon  лучше погуглите для получения информации