Как установить процентную ширину карты?

Оба ваших div имеют одинаковое имя класса. Вы можете сделать это в своем файле стиля css:

.col1{
    width: 70%;
}

.col2{
    width: 30%;
}

Поэтому переназначьте свой первый класс div (col-lg-3 col-md-6, где у вас width = "500px") на col1 (или что угодно) и второй класс div (col-lg-3 col-md-6 ) в col2 ...

Надеюсь это поможет

ширина в начальной загрузке долженТолько обрабатывается с помощью столбцы. Не надо устанавливает ширину! Если вы хотите иметь точные 70% и 30%, настройте сетку здесь: https://getbootstrap.com/docs/3.3/customize/#grid-system (10 столбцов вместо 12). Установите col-?-3 с левой стороны и col-?-7 с правой стороны.

Если точная ширина не имеет значения, вы можете взять стандартный bootstrap-3-css и использовать 4 столбца (33.33%) для левой стороны и 8 столбцов (66.66%) для правой стороны.

<div class = "row">
  <!-- Column -->
  <div class = "col-lg-4 col-md-4 col-xs-4">
    <div class = "card">
      <div class = "card-body">
        <h5 class = "card-title m-b-40">Company Name</h5>
        <h6 style='font-weight: bold;'>Company Overview</h6>
        <h6>Annual Revenue: 2,000,000,000</h6>
        <h6>Employees: 150,000</h6>
        <h6>Industry: Data Processing, Hosting, and Related Services</h6>
        <h6>Inherent Risk Industry: Information Processing</h6>
      </div>
      <div id = "sparkline8" class = "sparkchart"></div>
    </div>
  </div>
  <!-- Column -->
  <!-- Column -->
  <div class = "col-lg-8 col-md-8 col-xs-8">
    <div class = "card">
      <div class = "card-body">
        <h5 class = "card-title">Relative Risk</h5>
        <div class = "d-flex no-block align-items-center m-t-20 m-b-20">
          <div id = "sparklinedash4"></div>
          <div class = "ml-auto">
            <h2 class = "text-danger"> <span class = "counter">Medium</span></h2>
            <h2 class = ""> <span class = "counter">999</span></h2>
          </div>
        </div>
      </div>
      <div id = "sparkline8" class = "sparkchart"></div>
    </div>
  </div>
  <!-- Column -->
</div>