Hold option and click как скачать

FAQ — ответы на часто задаваемые вопросы

SaveFrom.net делает скачивание из интернета простым и удобным. С нашей помощью можно бесплатно скачать аудио, видео и другие файлы с различных сайтов и социальных сетей: youtube.com, vk.com, vimeo.com и других.

Как использовать сервис »

1-й способ: Введите адрес веб-страницы в соответствующее поле вверху главной страницы и нажмите клавишу Enter. 2-й способ: Добавьте перед адресом веб-страницы, с которой необходимо скачать, строку «savefrom.net/» или «sfrom.net/» и нажмите клавишу Enter. пример: sfrom.net/http://youtube.com/watch?v=u7deClndzQw 3-й способ: Используйте короткие домены: ssyoutube.com. 4-й способ: Используйте удобные пользовательские инструменты. Примечание: чтобы узнать особенности скачивания с определенного ресурса, щелкните по его названию в списке поддерживаемых ресурсов.

Как установить расширение на компьютер »

Скачайте установщик на нашем сайте, закройте браузер, запустите установщик и следуйте инструкции. Чтобы установить расширение отдельно для своего браузера, откройте страницу и кликните по ссылке рядом с названием своего браузера. Наше расширение работает в браузерах: Google Chrome, Яндекс.Браузер, Mozilla Firefox, Opera, Safari, Chromium. Чтобы отключить расширение на любом сайте, зайдите в меню расширения (зелёная стрелка) и выберете пункт «Отключить на этом сайте».

Как скачивать с Youtube.com и Rutube.com в формате 480p, 1080рHD, 1440рHD, 2160рHD со звуком, а также MP3 »

Установите бесплатную программу Ummy Video Downloader и скачивайте видео и MP3 с Youtube.com и Rutube.com.

Список поддерживаемых ресурсов »
Достоинства сервиса Savefrom.net »

1. Быстрый и удобный доступ из адресной строки.
2. Качайте видео напрямую с любой интернет странички, на которой оно выложено.
3. Получите список ссылок для скачивания, если на странице размещено несколько видео-роликов.
4. При скачивании с youtube.com вы получаете ссылки на видео высокого качества.
5. При скачивании с файлообменников вам не придется ждать, не нужно устанавливать дополнительные программы с рекламными модулями.
6. Возможность интеграции сервиса на Ваш web-сайт: пользователи Вашего сайта будут получать прямые ссылки для скачивания. Если вы вебмастер, смотрите эту информацию.

Как установить расширение в браузер Google Chrome »

Если по какой-то причине у вас не устанавливается расширение OrangeMonkey — есть альтернативное решение:

1. Установите расширение Chameleon.
2. В расширение Chameleon установите SaveFrom.net помощник из каталога расширений Opera.

В остальных случаях:

1. Перейдите на страницу расширения и найдите ссылку «установить расширение» для вашего браузера.
2. Сохраните файл расширения в любую папку или на рабочий стол.
3. Нажмите значок на панели инструментов браузера, затем выберите меню «Инструменты» — «Расширения».
4. Перетащите сохраненный файл расширения «helper_last.crx» на страницу расширений.
5. Нажмите кнопку «Добавить».

Ошибка: «Подозрительные расширения отключены» в Google Chrome »

Ошибка возникает в связи с тем, что браузер Google Chrome запрещает установку всех расширений, которые не зарегистрированы в Интернет-магазине Chrome. Мы рекомендуем установить Яндекс.Браузер. Он создан на основе браузера Chromium, поэтому очень похож на Google Chrome, и поддерживает расширение SaveFrom.net помощник. Или выберите другой браузер, в который можно установить SaveFrom.net помощник: Mozilla Firefox, Opera.

Как установить «SaveFrom.net помощник» на мобильный телефон или планшет »

На данный момент SaveFrom.net помощник работает только в браузере Firefox для Android. Чтобы установить SaveFrom.net помощник в браузер Firefox для Android, откройте страницу расширения и нажмите кнопку «Установить». Вы также можете использовать наше приложение для пользователей Android, которое можно скачать здесь.

Не работает расширение «SaveFrom.net помощник» »

Пожалуйста, перед тем как сообщать о неработоспособности, посмотрите инструкцию использования.

Возможные причины неполадок:
1. Установлена старая версия расширения
   Что делать: убедитесь, что у вас установлена последняя версия расширения. Посмотреть версию расширения можно на странице настроек расширений вашего браузера. Найти и установить последнюю версию SaveFrom.net помощника можно, перейдя по ссылке.
2. Расширение было выключено в меню помощника
   В таком случае, кнопка расширения отображается серым цветом
   Что делать: откройте выпадающее меню помощника и выберите пункт Включить.
3. Не отображается кнопка помощника (расширение было отключено в браузере)
   Что делать: зайдите на страницу настроек расширений вашего браузера и убедитесь, что SaveFrom.net помощник включен:

Mozilla Firefox: выберите пункт главного меню Firefox > Дополнения.
Google Chrome: перейдите по ссылке chrome://chrome/extensions/ или выберите в меню Инструменты > Расширения.
Opera: в главном меню выберите пункт Расширения > Управление расширениями…
Safari: откройте окно настроек и выберите вкладку «Расширения».

Как докачать файл в случае обрыва закачки »

Если возникают проблемы с закачкой, рекомендуем пользоваться менеджером закачек, к примеру, бесплатным Download Master. В случае неработоспособности ссылки, вы сможете получить новую через наш сайт и заменить в свойствах закачки ссылку на новую. Закачка продолжится с прерванного места.

Где хранятся скачанные файлы »

Это зависит от операционной системы и настроек браузера. Как правило, можно посмотреть список последних закачек, нажав комбинацию клавиш Ctrl + J на клавиатуре. Там вы сможете посмотреть куда сохраняются файлы. Так же попробуйте воспользоваться функцией поиска файлов на вашем компьютере.

Почему мы ввели ограничения для видео с YouTube.com »

YouTube.com изменил формат ссылок, из-за чего мы больше не можем выдавать прямые ссылки на файлы. Теперь мы отдаем файлы с YouTube.com через свои сервера. Т.к. нагрузка выросла в разы, мы были вынуждены ввести ограничения. Без этих ограничений наш сервис попросту перестал бы работать. Приносим свои извинения и надеемся на ваше понимание. Скачивать с YouTube.com без ограничений можно, установив SaveFrom.net помощник.

Вместо скачивания, музыка или видео воспроизводится в QuickTime плеере »

1. Щелкните на ссылке правой кнопкой мышки и выберите пункт «Сохранить объект как. «. В некоторых браузерах также помогает удерживание клавиш Alt или Ctrl при щелчке по ссылке.
2. Отключите плагин QuckTime в браузере. (В FireFox: меню Инструменты -> Дополнения, вкладка Плагины).
3. Удалите QuickTime плеер из вашей системы.

Чем смотреть *.FLV видео »

Скачайте и установите бесплатный плеер Videolan с официального сайта (9,2 Mb) Программа переведена на многие языки, в том числе Русский.

Как конвертировать FLV видео в AVI, MPEG и WMV »

1. Скачайте конвертер с официального сайта.
2. Установите его и запустите.
3. Нажмите кнопку «Add»(добавить) и добавьте исходные *.flv видео ролики.
4. Нажмите кнопку «Settings» (настройки) и выбирете формат, в который нужно конвертировать («output format») и нажмите ОК.
5. Выберете папку, в которую программа сохранит отконвертированное видео («output directory») и нажмите «Start».

Зачем нужен Советник Яндекс.Маркета в SaveFrom.net помощнике »

Советник подскажет, где дешевле купить нужный вам товар. Если вам мешают подсказки советника, отключите его в настройках расширения.

Правообладателям »

Уважаемые правообладатели, ресурс SaveFrom.net не размещает файлы на своих серверах, и не публикует ссылки. Если ваши авторские права были нарушены, обращайтесь к администрации сайтов, хранящих ваши файлы: youtube.com.

Перевод «option key» на русский

I can hold down the option key, and my cursor changes to a magnifying glass, and now as I roll over each line of code, it’s highlighting in the picture what’s being drawn in that line.

Я удерживаю клавишу Option, мой курсор превращается в лупу, и теперь, когда я перемещаюсь по строчкам кода, редактор подсвечивает на картинке ту ее часть, которая рисуется этой строчкой.

To execute the installer, reboot your Mac while holding down the Option key.
По окончании процесса, перезагрузите свой Мас, удерживая при перезагрузке клавишу Option.
Note: If you really just need to get back to OSX, try holding down the Option key on startup.

Примечание: Если вам на самом деле надо просто вернуться в OS X, удерживайте клавишу Option во время включения.

MacBooks: Hold down the Option key and click the battery icon on the menu bar.
MacBooks: Удерживайте клавишу Option и щелкните значок батареи в строке меню.

On keyboards with brightness controls, hold down the Option key and the press one of the brightness keys F1 or F2.

На клавиатуре с клавишами управления яркостью нажмите и удерживайте нажатой клавишу Option, затем нажмите одну из клавиш управления яркостью (F1 или F2).

Or back to the backup of your previous library or you need to open iTunes holding the Option key (or Shift key on Windows) and then choose «Create new library».

Либо вернуться к резервной копии предыдущей библиотеки, либо нужно открыть iTunes, удерживая клавишу Option (или клавишу Shift на компьютере с Windows), а затем выбрать «Создать новую библиотеку».

To use it, simply download the version for Linux and Mac, create a bootable USB drive using the image, insert your USB stick, and hold the Option key when your Mac boots.

Чтобы использовать его, просто загрузите версию для Linux и Mac, создайте загрузочный USB-накопитель, используя образ, вставьте USB-накопитель и удерживайте клавишу Option при загрузке Mac.

In the opened window «Change keyboard shortcuts» in the left column «Change input language» select the desired option key to switch the keyboard into Russian language.

В открывшемся окошке «Изменение сочетания клавиш» в левом столбце «Смена языка ввода» выберите понравившийся вам вариант клавиш для переключения клавиатуры на русский язык.

Use the Option key during the white splash screen while booting, and select the partition you want to use.

Используйте клавишу выбора в белый экран-заставку при загрузке системы, и выберите раздел, который вы хотите использовать.

The OPTION key allows you to choose the difficulty level.
Основной режим предоставит вам возможность выбрать различные уровни сложности.
The Option key is probably one of the most powerful and underused keys on the Mac keyboard.

Клавиша Option является, вероятно, одной из самых мощных и недостаточно используемых клавиш на клавиатуре Mac.

The Option key enables quick access to status information elsewhere in Mac OS X, too.
Клавиша Option обеспечивает быстрый доступ к информации о состоянии в других местах Mac OS X.

Press the Option key and choose File>Show Exact Duplicates to find multiple copies of the same song (if, for example, you inadvertently imported the song twice).

Удерживая клавишу Shift, выберите «Файл»>«Показать точные дубликаты», чтобы найти несколько копий одной и той же песни (например, если Вы случайно импортировали песню дважды).

To copy a file that Dreamweaver moves by default, hold the Control key (Windows) or the Option key (Macintosh) while you drag.

Чтобы скопировать файл, который Dreamweaver по умолчанию перемещает, при перетаскивании удерживайте нажатой клавишу Control (в Windows) или Option (в Macintosh).

RELATED: Access Hidden Options and Information With Your Mac’s Option Key
СВЯЗАННЫЕ: Доступ к скрытым параметрам и информации с помощью клавиши выбора вашего Мас
Возможно неприемлемое содержание

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

Ничего не найдено для этого значения.
Предложить пример
Больше примеров Предложить пример

Новое: Reverso для Mac

Переводите текст из любого приложения одним щелчком мыши .

Скачать бесплатно
Перевод голосом, функции оффлайн, синонимы, спряжение, обучающие игры

Результатов: 15 . Точных совпадений: 15 . Затраченное время: 43 мс

Помогаем миллионам людей и компаний общаться более эффективно на всех языках.

Основы Bootstrap

Обзор Bootstrap 3, как загружать и пользоваться, поддерживаемые браузеры и устройства и другое.

Загрузка

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

Bootstrap 3

Минимизированный код CSS, JavaScript и шрифты. Без документации и исходных файлов.

Исходный код

Исходный код Less, JavaScript, файлы шрифтов и документация. Требуется компилятор Less и другие настройки.

Sass

Bootstrap перенесен из Less в Sass для легкого включения в Rails, Compass, или проекты Sass-only.

Текущая версия v3.3.2.

Bootstrap CDN

Сайт MaxCDN любезно предоставил Bootstrap возможность пользоваться услугами CDN для распространения файлов CSS и JavaScript. Чтобы воспользоваться этой возможностью, поменяйте локальные настройки на ссылки для Bootstrap CDN приведенные ниже:

  rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">  rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">  src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"> 

Установка с помощью Bower

Для управления исходными файлами Bootstrap’s Less, CSS, JavaScript, шрифтов и локальными копиями документов используйте Bower.

$ bower install bootstrap

Что включено

Bootstrap доступен в двух версиях. Одна из них содержит скомпилированный вариант, а другая минимизированный (уменьшенный по объему). В обоих случаях каталоги и файлы логически сгруппировны.

Требуется jQuery

Обратите внимание, что всем JavaScript плагинам необходима библиотека jQuery. jQuery необходимо подключить как показано в базовом шаблоне. Чтобы посмотреть какие версии jQuery поддерживаются обратитесь к bower.json .

Файловая структура Bootstrap 3

После загрузки, разархивируйте файлы. Вы увидите нечто похожее на это:

bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff 

Это основная форма Bootstrap: скомпилированные файлы готовы для быстрого использования в любом веб-проекте. Предоставлены сборки CSS и JS ( bootstrap.* ) и минимизированный вариант ( bootstrap.min.* ). В качестве дополнительной опции для Bootstrap включены шрифты Glyphicons.

Исходный код Bootstrap 3

Исходный код Bootstrap включает прекомпелированные CSS, JavaScript и шрифты, вместе с исходным Less, JavaScript и документацией. Для наглядности посмотрите приведенный пример ниже.

bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/ 

less/ , js/ , шрифты/ с иконками . Папка dist/ включает в себя все перечисленные скомпилированные файлы, указанные в разделе выше. Папка docs/ содержит документацию и примеры/ использования Bootstrap. Кроме того, находится информация о лицензиях и развитии предыдущих версий.

Сообщество

Оставайтесь в курсе развития Bootstrap. Обратитесь к сообществу за полезной информацией.

Поддержка Bootstrap на русском языке

На сайте Русское сообщество Bootstrap вы можете найти ответы на интересующие вопросы, познакомиться с русскоязычными разработчиками или сами принять участие в жизни сообщества.

Для англоязычных пользователей:

• Читайте и подписывайтесь на Официальный Bootstrap Блог.
• Общайтесь с другими Bootstrapperами с помощью IRC в irc.freenode.net сервер, на ##twitter-bootstrap channel.
• Для получения дополнительной информации по использованию Bootstrap, обратитесь на StackOverflow using the tag twitter-bootstrap-3 .
• Найти вдохновляющие примеры сайтов построенных на Bootstrap можно на Bootstrap Expo.

Блокировка адаптивности

Bootstrap автоматически адаптирует просмотр страниц под разное разрешение мониторов. Можно заблокировать такую возможность, чтобы страницы отображались как в этом шаблоне.

Шаги для блокировки адаптивного просмотра

1. Не создавайте с именем viewport как об этом сказано в описании CSS
2. Отмените width , .container для каждого уровня разметки определенной ширины, например так : width: 970px !important; Убедитесь, что этот код идет после включения основного кода Bootstrap CSS. При желании можно избежать !important с медиа-запросами или со специальным селектором.
3. Если вы используете навигационное меню, удалите все меню, которые могут сворачиваться/разворачиваться.
4. Для макета разметки используйте классы .col-xs-* как дополнение или вместо классов medium/large. Разметка с классом xs (extra small) масштабируется для всех размеров мониторов.

Вам понадобится Respond.js для IE8 (поскольку существуют медиа-запросы и они должны обрабатываться). Это заблокирует свойство «мобильность сайта» Bootstrap.

Шаблон Bootstrap с заблокированной адаптивностью

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

Переход с v2.x на v3.x

Посмотрите документацию о переходе со старой версии Bootstrap на v3.x? Ознакомьтесь с руководством по переходу.

Браузеры и поддержка устройств

Bootstrap спроектирован для лучшей работы в новых браузерах, то есть старые браузеры не всегда могут правильно отображать стили, хотя полностью функциональны в визуализации определенных компонентов

Поддержка браузерами

В частности, мы поддерживаем последние версии из следующих браузеров и платформ. На платформе Windows, мы поддерживаем Internet Explorer 8-11. Более конкретная информация поддержки предоставлена ниже.

Chrome	Firefox	Internet Explorer	Opera	Safari
Android	Поддерживается	Не поддерживается	N/A	Не поддерживается	N/A
iOS	Поддерживается	N/A		Не поддерживается	Поддерживается
Mac OS X	Поддерживается	Поддерживается		Поддерживается	Поддерживается
Windows	Поддерживается	Поддерживается	Поддерживается	Поддерживается	Не поддерживается

Bootstrap должен достаточно хорошо выглядеть и вести себя в Chromium и Chrome для Linux, Firefox для Linux, и Internet Explorer 7, хотя они официально не поддерживаются.

Internet Explorer 8 и 9

Internet Explorer 8 и 9 также поддерживается, однако помните, что некоторые свойства CSS3 и элементы HTML5 не в полной мере поддерживаются данным браузерами. Кроме того, Internet Explorer 8 требует использования Respond.js, чтобы разрешить поддержку медиа запросов.

Свойство	Internet Explorer 8	Internet Explorer 9
border-radius	Не поддерживается	Поддерживается
box-shadow	Не поддерживается	Поддерживается
transform	Не поддерживается	Поддерживается с префиксом -ms
transition	Не поддерживается
placeholder	Не поддерживается

Посетите Can I use. для более детального ознакомления, какие свойства CSS3 и HTML5 поддерживаются различными браузерами.

Internet Explorer 8 и Respond.js

Примите во внимание следующие оговорки, при использовании Respond.js в вашей среде разработки, в рабочей среде Internet Explorer 8.

Respond.js и кросс-доменный CSS

Если вы храните Respond.js и CSS на разных (суб)доменах (например, на CDN) — это требует некоторых дополнительных установок. Ознакомьтесь с документацией Respond.js для уточнений.

Respond.js и file://

Через правила безопасности браузера, Respond.js не работает при просмотре через протокол file:// (например, когда вы открываете HTML файл локально). Чтобы протестировать настройки чувствительности в IE8, просматривайте ваши страницы через HTTP(S). Ознакомьтесь с документацией Respond.js для уточнений.

Respond.js и @import

Respond.js не работает с CSS, на которые ссылаются как @import . В частности, некоторые конфигурации Drupal, как известно, используют @import . Ознакомьтесь с документацией Respond.js для уточнений.

Internet Explorer 8 и box-sizing

IE8 не в полной мере поддерживает box-sizing: border-box; при комбинировании с min-width , max-width , min-height или max-height . По этой причине, начиная с v3.0.1, мы больше не поддерживаем max-width , .container .

Режим совместимости с IE

Bootstrap не поддерживает режим совместимости в старых версиях Internet Explorer. Чтобы быть уверенным, что вы используете последнюю версию такого режима для IE, просмотрите включен соответствующий тег на вашей странице:

 http-equiv="X-UA-Compatible" content="IE=edge"> 

Подтвердите режим документа, открыв средства отладки: нажмите F12 и проверьте «Document Mode».

Этот тег входит в состав всех Bootstrap документациий и примеров для обеспечения лучшей визуализации возможных в каждой поддерживаемой версии Internet Explorer.

Internet Explorer 10 на Windows 8 и Windows Phone 8

Internet Explorer 10 не отличает ширину устройства ширины окна просмотра, и таким образом не правильно применяет медіазапити в Bootstrap CSS. Как правило, это можно быстро починить добавив следующий код CSS:

@-ms-viewport  width: device-width; > 

Однако, это не работает для устройств, работающих под управлением Windows Phone 8 версий старше, чем Update 3 (a.k.a. GDR3), поскольку это вызывает такие устройства, чтобы главным образом показать основной рабочий стол вместо узкого «phone» view. Для решения этой проблемы вам необходимо включать следующие CSS и JavaScript, чтобы обойти ошибку.

@-webkit-viewport  width: device-width; > @-moz-viewport  width: device-width; > @-ms-viewport  width: device-width; > @-o-viewport  width: device-width; > @viewport  width: device-width; > 

if (navigator.userAgent.match(/IEMobile\/10\.0/))  var msViewportStyle = document.createElement('style') msViewportStyle.appendChild( document.createTextNode( '@-ms-viewport' ) ) document.querySelector('head').appendChild(msViewportStyle) > 

Для получения дополнительной информации и руководства по использованию, просмотрите Windows Phone 8 и Device-Width.

Чтобы привлечь внимание, мы включили это в качестве примеров в документации Bootstrap.

Процентное округления в Safari

В версиях Safari v6.1 для OS X и Safari для iOS v7.0.1, при использовании класса разметки .col-*-1 , движок Safari имеет некоторые проблемы с количеством десятичных знаков. То есть если вы имеете 12 отдельных колонок разметки, вы заметите, что они будут более короткими по сравнению с другими рядами колонок. Здесь можно немного изменить (просмотрите #9282), но у вас есть несколько вариантов:

• Добавить .pull-right в вашей последней колонки в разметке, чтобы получить жесткое выравнивание по правому краю.
• Изменить проценты вручную, чтобы получить идеальное округления для Safari (более сложно, чем в первом варианте)

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

Модаль, navbars, и виртуальные клавиатуры

Переполнение и прокрутка

Поддержка overflow: hidden для элемента достаточно ограничена в iOS и Android. В браузере этих устройств, при прокруткі за пределы верхней или нижней модальной части, начинает прокручиваться содержание в .

Виртуальная клавиатура

Обратите внимание — если вы используете форму ввода в модальном окне или навигации, iOS имеет ошибку отображения, через которую не обновляется позиция фиксированных элементов при вызова виртуальной клавиатуры. Существуют некоторые обходные пути для этого, в том числе — трансформирующие элементы position: absolute , или при выявлении фокуса на элементе вызывают таймер и пробуют исправить это вручную. Bootstrap не обрабатывает такие ошибки, так что вам нужно самим это решить.

Navbar Dropdowns

Элемент .dropdown-backdrop не используется на iOS в навигации из-за сложности с z-index. Таким образом, чтобы закрыть выпадающие меню, необходимо просто нажать элемент выпадающего (или любой другой элемент, который будет генерировать событие нажатия в iOS).

Браузерное масштабирование

При изменении размера страницы, неизбежно оказывается некорректное отображение некоторых элементов: это касается и Bootstrap, и остальных веб-документа. В зависимости от конкретного случая, мы можем исправить это (при необходимости вы можете открыть соответствующий запрос, но сначала необходимо поискать или нет аналогичных запросов). Тем не менее, но как правило мы игнорируем их, поскольку они часто не имеют прямого решения, кроме создания обходных путей в виде хаков (hacky).

Выводы на принтер

Даже в некоторых современных браузерах, печать может быть изворотливой. В частности, по состоянию на Chrome v32 и независимо от настройки полей, Chrome значительно использует ширину окна просмотра уже, чем физический размер бумаги при разрешении запросов СМИ во время печати веб-страницы. Это может привести к неожиданно активирующейся при печати экстра-малых разметки Bootstrap. Смотрите #12078. Предлагаемые методы обхода:

• Примените extra-small разметку и убедитесь, что ваша страница выглядит приемлемо.
• Настройка значения @screen-* Less переменных, чтобы ваш бумага для принтера рассматривалась больше, чем extra-small.
• Добавте пользовательские запросы, чтобы изменить размер разметки точек останова только для печатных СМИ.

Android stock браузер

Out of the box, Android 4.1 (and even some newer releases apparently) ship with the Browser app as the default web browser of choice (as opposed to Chrome). Unfortunately, the Browser app has lots of bugs and inconsistencies with CSS in general.

Select меню

On elements, the Android stock browser will not display the side controls if there is a border-radius and/or border applied. Use the snippet of code below to remove the offending CSS and render the as an unstyled element on the Android stock browser. The user agent sniffing avoids interference with Chrome, Safari, and Mozilla browsers.

 var nua = navigator.userAgent var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1) if (isAndroid)  $('select.form-control').removeClass('form-control').css('width', '100%') >  

Поддержка третьих сторон

Хотя мы официально не поддерживаем сторонние плагины или дополнение, мы предлагаем несколько полезных советов, которые помогут избежать возможных проблем в ваших проектах.

Размерность блоков

Некоторое стороннее программное обеспечение, включая Google Maps и Google Custom Search Engine, конфликтуют с Bootstrap через * < box-sizing: border-box; >, то есть правило, которое создает padding (отступы) в итоге не влияет на ширину элемента. Узнайте больше об этом: box model sizing and at CSS Tricks.

В зависимости от контекста, вы можете переопределить box-sizing только там, где это необходимо (Вариант 1), либо сбросить его для целых областей (Вариант 2).

/* Box-sizing resets * * Reset individual elements or override regions to avoid conflicts due to * global box model settings of Bootstrap. Two options, individual overrides and * region resets, are available as plain CSS and uncompiled Less formats. */ /* Option 1A: Override a single element's box model via CSS */ .element  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; > /* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */ .element  .box-sizing(content-box); > /* Option 2A: Reset an entire region via CSS */ .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; > /* Option 2B: Reset an entire region with a custom Less mixin */ .reset-box-sizing  &, *, *:before, *:after  .box-sizing(content-box); > > .element  .reset-box-sizing(); > 

Доступность

Bootstrap следует общим веб-стандартам, и—при минимальных дополнительных усилиях—может быть использован для создания сайтов, доступных через AT .

Пропуск навигации

Если ваше навигационное меню имеет много линков и находится перед главным содержанием в DOM, добавьте линк Перейти к главному содержимому непосредственно после тега . (прочитайте почему)

  href="#content" class="sr-only">Skip to main content  class="container" id="content"> The main page content.  

Вложенные заголовки

При вложении заголовков ( — ), ваш основное заглавие документа должен быть . Следующие заголовки должны логически вибудовуватись используя — , чтобы программа, которая считывает заголовки, могла сконструировать содержание страницы.

Дополнительные ресурсы

• «HTML Codesniffer» bookmarklet for identifying accessibility issues
• The A11Y Project
• MDN accessibility documentation

Лицензия FAQs

Bootstrap выпущено под лицензией MIT и имеет авторское право 2014 Twitter. Сведена к меньшим частям, и может быть описана следующими условиями.

Она требует:

• Включите лицензию и уведомление об авторских правах в ваших работах

Она позволяет:

• Свободно скачивать и использовать Bootstrap, полностью или частично, для личного, частного, внутренних или коммерческих целях компании
• Использовать Bootstrap в пакетах или в дистрибуции, которую вы сами создаете
• Измените исходный код
• Грант сублицензии изменять и распространять Bootstrap третьим лицам, не включенных в лицензии

Она запрещает:

• Hold the authors and license owners liable for damages as Bootstrap is provided without warranty
• Держите создателей или владельцев авторских прав к ответственности Bootstrap
• Распространять любую часть Bootstrap без ссылки на источник
• Использовать любые пометки, которые относятся к Twitter, чтобы в такой способ явно или неявно продемонстрировал, что Twitter одобряет ваш дистрибутив
• Использовать любые пометки, которые относятся к Twitter, чтобы в такой способ явно или неявно продемонстрировал будто вы создаете программное обеспечение по запросу Twitter

Она не требует:

• Включать исходный код Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
• Предоставлять изменения, которые вы внесли в Bootstrap для демонстрации в проекте Bootstrap (хотя обратная связь приветствуется)

Полная версия лицензии Bootstrap размещена в проекте репозитория более подробно.

Настройка Bootstrap

Bootstrap лучше обслуживать, когда в среде разработки разделять каждую зависимость от него на отдельные версии. Придерживаясь этого правила — в будущем ваш апгрейд до новой версии Bootstrap будет легким.

После того как вы скачали и подключили стили и скрипты Bootstrap, вы можете настроить их компоненты. Чтобы это сделать, просто создайте новую таблицу стилей (LESS, если желаете, или просто CSS).

Простую сборку или минимизированную?

Если вы не планируете читать CSS, выбирайте их минимизированную версию. Это тот же код, просто компактнее. Минимизированы таблицы стилей используют меньшую ширину канала, что есть хорошо, особенно в рабочем (production) среде.

И в дальнейшем, включайте любые компоненты Bootstrap и HTML, для создания шаблонов страниц вашего сайта.

Настройка составных

Вы можете настраивать компоненты в разной степени, но в большинстве выделяются две категории: легкая настройка и полная перестройка. Есть много разных примеров от третьих сторон, которые позволяют реализовать обе категории.

Мы определяем легкая настройка как поверхностные изменения, например, изменение цвета и шрифта для существующих компонентов Bootstrap. Примером легкой настройки является Twitter Translation Center (написан @mdo). Давайте посмотрим, как реализуется настройка кнопки .btn-ttc на этом сайте.

Для создания основы кнопки Bootstrap необходимо только один класс .btn . Теперь мы будем расширять стиль .btn новым модифицированным классом .btn-ttc , который позже создадим. Это позволяет изменять вид при минимальном усилии.

Наша кнопка, которую мы настраиваем, будет иметь примерно такой код:

 type="button" class="btn btn-ttc">Сохранить изменения 

Заметьте как .btn-ttc добавляется к стандартному класса .btn .

Чтобы завершить настройку, добавьте следующий пользовательский код стилей CSS:

/* Custom button -------------------------------------------------- */ /* Override base .btn styles */ /* Apply text and background changes to three key states: default, hover, and active (click). */ .btn-ttc, .btn-ttc:hover, .btn-ttc:active  color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #007da7; > /* Apply the custom-colored gradients */ /* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ .btn-ttc  background-repeat: repeat-x; background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); . > /* Set the hover state */ /* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ .btn-ttc:hover  background-position: 0 -15px; > 

В кратце: Посмотрите источник стиля и продублируйте селекторы для модификации.

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

• Найдите код в сборнике CSS Bootstrap для каждого элемента, который хотите настроить.
• Скопируйте компоненты селектора и стиле и вставьте их в ваших стилей, которые настраиваете. Например, чтобы настроить фон навигационного меню, просто скопируйте описание стиля .navbar .
• В ваших стилях, которые настраиваете, редактировать CSS, которые вы только что скопировали с Bootstrap. Не нужно дописывать дополнительные классы, добавлять в конце !important . Просто сохраните их.
• Посмотрите что у вас получилось и при необходимости повторите предыдущие шаги.

Как только вы научитесь делать легкая настройка, визуальная полная перестройка будет такой же простой. Например для сайта Karma, который использует Bootstrap со сбросом CSS и тяжелыми модификациями, нужно хорошо поработать. Но здесь используется тот же принцип: включаются сначала стиле Bootstrap по умолчанию, затем применяется их настройки.

Альтернативные методы настройки

Хотя не рекомендуется для пользователей, плохо знакомых с Bootstrap, все же вы можете использовать один из двух альтернативных методов для настройки. Первый заключается в изменении кода файла .less (супер-усложняет апгрейд), второй — создание маппинга между Less кодом и вашими собственными классами через mixins. На данный момент, ни один из этих методов здесь пока не документировано.

Удаление ненужного кода

Не нужно для каждого сайта все делать с помощью Bootstrap, особенно в производственном (production) среде, где нужно оптимизировать пропускную способность. Мы рекомендуем удалbть все лишнее используя нашу Настройку.

Для этого просто снимите галочки со всех компонентов, функций, или групп компонентов, которые вам не нужны. Загружайте новые измененные файлы и заменяйте ими файлы Bootstrap по умолчанию. Вы получите свежие файлы Bootstrap, но без функций, которые вы посчитали лишними. Каждая такая компонована сборник содержит компилированные и минимизированы версии.

Переводы

Члены сообщества перевели документацию Bootstrap на различные языки. Никто официально не поддерживается и они не всегда могут быть в курсе событий.

• Bootstrap по-русски (Russian)
• Bootstrap in English
• Bootstrap 中文文档 (Chinese)
• Bootstrap en Français (French)
• Bootstrap auf Deutsch (German)
• Bootstrap 한국어 (Korean)
• Bootstrap en Español (Spanish)
• Bootstrap ua Українською (Ukrainian)

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

Download Logitech Options Customization Software

Logitech Options is a powerful and easy-to-use application that enhances your Logitech mice, keyboards, and touchpads. Customize your device with Options to achieve more, faster.

Introducing Logi Options+, the next-gen Options app. Get the best features from Options with a fresh, easy-to-use interface – for free.

GET MORE PRODUCTIVE IN AN INSTANT

Logitech Options is extremely easy-to-use yet it provides amazing features. Your devices show up as on-screen images, so they’re easy to find, switch, and set up in seconds. It couples years of Logitech hardware excellence with software smarts.

CUSTOMIZE BUTTONS AND ACTIONS

Reassign any button on your mouse to perform virtually any task. For advanced devices, you can adjust the scroll wheel, cursor speed, and much moreMouse button customization available on Windows and macOS, F-key customization available on Windows only.. Enhanced key functions let you set Logitech keyboards to behave just the way you like.

OPTIMIZED GESTURES FOR WINDOWS ® AND macOS

Reproduce trackpad gestures you’re already familiar with when you press the gesture button. Hold it and move the mouse up, down, left or right to activate different actions such as Windows Task View or Mission Control on the Mac. Control your media playback, pan, zoom, and rotate too.

APP-SPECIFIC SETTINGS

Get the most out of your favorite apps like Zoom ® or Microsoft Teams ® . Application-specific settings let you customize buttons on MX Master 3, MX Anywhere 3 or ERGO M575 mice. Start or stop your Zoom video with the forward button, or press the back button to mute/unmute the mic. Customize your buttons for each of the apps you use.

SEE DEVICE STATUS AT A GLANCE

With Notifications & Status, you’ll get device-specific information such as battery level, key backlighting level, and Caps Lock at the right moment. Know when your battery life is about to run out and when it’s time to recharge so you’re never caught off guard. For Easy-Switch™ enabled keyboards, you’ll be able to see which computers are paired to channels 1-2-3.

MANY DEVICES. SEAMLESS FLOW.

Using two or three computers at the same time is no problem with Logitech Flow. You can automatically switch between computers just by moving your cursor to the edge of the screen. It also makes transferring text, images and files between your computers effortless—just copy on one and paste on the other.

BACKUP YOUR DEVICE SETTINGS

Create an account in Options to backup your device settings to the cloud automatically. You can retrieve the settings you want from one of your backups to set up your device on any computer easily.

Specs & Details
Specs & Details
Specs & Details

System Requirements

Windows 10 and higher
macOS 10.15 and higher

Compatibility

To install both Options and Options+ on your computer, you need to update to Options version 8.54 and higher. Simply download and install the latest version.

Languages

English, Simplified Chinese, Korean, Japanese, German, Spanish, French and Russian.