Сложный макет в приложении React: CSS или Bootstrap или оба?

Question

Я работаю над приложением реакции, в котором я использую response- bootstrap, чтобы получить некоторые полезные компоненты. Я новичок в javascript, реагирую и веб-разработке в целом.

Итак, я хотел создать макет, который кажется довольно сложным для достижения с помощью только элементов Bootstrap Container, Row и Col : Мне нужна была боковая панель, и похоже, что вы не можете сделать это с raw Bootstrap, и вам нужно написать custom css.

Управление как Bootstrap макетом, так и CSS имеет тенденцию перегружать мой мозг ... Я вижу 3 способа сделать это:

• попробуйте сделать это все с компонентами Boostrap, без лишних CSS (мне кажется нереалистичным c)

• используйте элементы Boostrap для макета и настраивайте их с помощью пользовательских CSS

• используйте только CSS для макета (например, Grid или Flexbox - без Bootstrap компонентов)

После долгого поиска в Google последний вариант кажется самый управляемый для меня. Как вы думаете, какой способ c наиболее реалистичен для ie newb * и позволяет мне получить то, что я хочу? Есть ли другое решение, о котором я не подумал?

Answer 1

Как новичок ie, я бы сказал 100%, чтобы начать с CSS и делать это самостоятельно. У вас будет полный контроль над макетом и тем, что он делает за кулисами bootstrap, и если вы хотите его обновить, вы точно знаете, как. Когда я начал веб-разработку всего 3 года после go, первое, что я узнал в CSS (кроме основ), был Flex, и он меня спас. ИМО, работайте над изучением CSS Flex и Grid, и вы освоите их оба вместе, что очень поможет вам в работе над интерфейсом.