Чтобы изменить размер изображения SVG в Bootstrap 4, вы можете использовать различные методы. Вот несколько подходов:

1. CSS: применяйте стили CSS к контейнеру SVG, чтобы контролировать его размер. Вы можете использовать свойства widthи heightили процентные значения, чтобы сделать изображение SVG отзывчивым. Например:

   <div class="svg-container">
   <svg class="my-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <!-- SVG content goes here -->
   </svg>
   </div>
   <style>
   .svg-container {
   width: 100%;
   padding-bottom: 100%; /* Control height based on width */
   position: relative;
   }
   .my-svg {
   position: absolute;
   width: 100%;
   height: 100%;
   }
   </style>

2. Утилитные классы Bootstrap: используйте служебные классы Bootstrap для управления размером изображения SVG. Вы можете использовать такие классы, как w-100для полной ширины или h-100для полной высоты. Например:

   <svg class="my-svg img-fluid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <!-- SVG content goes here -->
   </svg>

3. JavaScript: динамически настраивайте размер изображения SVG с помощью JavaScript в зависимости от размеров контейнера. Вы можете прослушивать события изменения размера окна и рассчитывать соответствующее соотношение размеров. Вот пример использования jQuery:

   <div class="svg-container">
   <svg class="my-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <!-- SVG content goes here -->
   </svg>
   </div>
   <script>
   $(window).on('resize', function() {
   var containerWidth = $('.svg-container').width();
   $('.my-svg').css('width', containerWidth);
   $('.my-svg').css('height', containerWidth);
   });
   </script>