jimmy_hendrix

Компиляторы-транспиляторы-трансляторы (типа Coffee, LESS, Jade), тест-раннеры, стайл-чекеры и линтеры (mocha, chai, karma, (js|es)lint, jscs), плагины для таск-раннеров (grunt-contrib-watch, gulp-jade) — все это обычно ставится как --save-dev, потому что нужно только тем, кто контрибьютит в этот проект, работает с его кодом.

Библиотеки и фреймворки (expressjs, jquery, backbone), на основе которых работает ваш код, без которых ваш код не запустится у его потребителя — ставятся как --save.

Клик правой кнопкой мыши на любую точку останова, выбрать "remove all ... "

UPD. заменил картинку на более информативную

Можно скачать страницу со всем подключенным содержимым в Google Chrome следующим образом:
0. Сохраняем исходный код страницы, корректируем пути во всех <link> и <script>, прописывая свои значения, например, для стилей папку css/, для скриптов js/ и т.д.
1. Включаем Инструменты разработчика F12
2. Переходим во вкладку "Network", перезагружаем страницу (f5). Видим все файлы, которые вызываются при загрузке страницы. Сохраняем всё необходимое ручками (щелкаем по заголовкам правой кнопкой, сохраняем в необходимые папки) - все картинки, скрипты, файлы стилей, шрифты и т.д.

Если css или js файлы закомпрессованы, есть онлайн-сервисы, позволяющие декомпрессировать css и js код - пробейте в гугле "css decompressor", "js decompressor"

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

1. Полупрозрачный голубой div, у него :after белым треугольником.

2. А еще лучше просто фон градиентом.

background: linear-gradient(135deg, #27b3c3 0%, #27b3c3 49.9%, #b8e7eb 50%, #b8e7eb 100%) no-repeat;

угол, цвета и %% укажите на свой вкус.

Стандартная стека бутсрапа состоит из 12 колонок. Каждый ряд (row) делится на условные 12 частей, и col-xs-2 отхватывает две из них, col-xs-4 - четыре.

Во втором случае четыре маленьких блока находятся в одном ряду с большим. Здесь они делят 12 колонок на пятерых. Поэтому получается четыре блока по 2 колонки и один блок из 4 колонок. 4х2 + 1х4 = 12.

А в первом случае маленькие блоки завёрнуты в отдельный маленький ряд. Этот ряд тоже состоит из 12 условных частей, а маленькие блоки делят его поровну. Поэтому они должны быть не col-xs-2, а col-xs-3. Тогда 4х3 будет 12, и они займут маленький ряд целиком.

<div class="container">
   <div class="row">
      <div class="col-xs-8">
           <div class="row">
               <div class="col-xs-3">Контент</div>
               <div class="col-xs-3">Контент</div>
               <div class="col-xs-3">Контент</div>
               <div class="col-xs-3">Контент</div>
           </div>
      </div>
      <div class="col-xs-4">Контент</div>
   </div>
</div>