Я использую bootstrap - vue в своем проекте, и я использую адаптивную сетку. Я использовал разные размеры колец для разных точек обзора. У меня возникла проблема с добавлением фона, border-radius и box-shadow к содержимому <b-row>, поскольку ширина <b-row> больше, чем ширина всех столбцов. Поэтому я добавляю фон для каждого столбца, и он работает нормально (я не уверен, что это правильный способ). Я использовал тот же метод, чтобы добавить радиус границы. Он работает нормально, пока не складываются друг в друга в небольших устройствах. Я не мог заставить box-shadow работать для любого размера устройства. Есть ли способ обернуть содержимое внутри <b-row> и добавить border-radius и box-shadow и фон в оболочку.
example https://codesandbox.io/s/intelligent-goldstine-wwpng?file= / src / components / HelloWorld. vue