Bootstrap: a few questions?

Question

css

Hello!
Recently started learning Bootstrap.
Knowledgeable people, tell me:
1. How to typeset rubber in bootstrap? And is it necessary at all? Or can you get by with adaptive blocks?
.conteiner-fluid → it stretches to full width, and for example, I need it to 1220px → i.e. just write in width: 1220px / 1903px (getting a percentage).
In general, when should you use .container-fluid???
2. Confused with mobile-first.
How correctly to set properties on a certain screen resolution (media queries)???
For example, for 768px???
So → @media (max-width: 768px)or @media (min-width: 768px)
Or both? Offset by one pixel?
3. How to fit the design to the boostrap grid if you used your own custom grid???
4. Can Bootstrap 4 be used in production?
5. Use flex grid? Or still wait? Are there any normal fallbacks for flex???
6. Bootstrap 4 and SASS???
Thank you!

Answer 1

1. Если нужно фиксировано, то не .conteiner-fluid а просто .conteiner
2. Зависит от того что Вам надо, выбрать экраны для которых 768 это максимум или наоборот
3. Сетку можно настроить под свой проект тут: getbootstrap.com/customize/#grid-system
4. Ходят разные мнения. Вопрос спорный, многое завит от ситуации. Мое мнение - не использовать продукты в альфа и бета версиях
5. Все ответы на вопросы "моги ли я это использовать" есть тут: caniuse.com/#search=flex
6. Bootstrap 4 и SASS!!!

Answer 2

1. .container {width:100%;max-width:1220px;} .container-fluid??? Забудьте про него. Приктически нигде не нужен.
2. Во-первых если max-width то 767px. Если min-width то 768px. min-width = движение вперед к увеличению размера, проще говоря, движение "от". max-width движение ширины "до". То есть, если вы пропишите max-width 767px, то у вас будут применяться все стили внутри этого медиа запроса для любой ширины экрана до 768px. min-width действует наоборот. min-width 768 px стили будет применяться для любой ширины экрана от 768 до бесконечности.
3.

<!-- bootstrap сетка -->
<div class="bootstrap-grid">
<div class="row">
    <div class="col-6">
        inner html    
    </div>
    <div class="col-6">
        inner html
    </div>
</div>
</div>

<!-- своя сетка -->
<div class="custom-grid">
    inner html
</div>

Что не так ??
4. Я использую с обязательным тестированием. Но чет они зависли с альфой очень надолго.
5. Используйте bootstrap 3 - без flex или 4 bootstrap - он полностью на флексбоксах.
6. Bootstrap 4 и SASS!!!