在下面的代码中添加代码以显示图像

Question

我需要将页面分成2列，其中一列应该包含这些按钮的列表，其他应该包含图像。我该如何更改此代码。请帮忙。 :(

<div class="row">
   <div class="form-group col-md-12">
      <button type="button" class="col-md-2 type btn btn-primary">Sales</button> 
   </div>
</div>
<div class="row">
   <div class="form-group col-md-12">
      <button type="button" class="col-md-2 type btn btn-primary">Stock</button> 
   </div>
</div>
<div class="row">
   <div class="form-group col-md-12">
      <button type="button" class="col-md-2 btn btn-primary">Purchase </button> 
   </div>
</div>
<div class="row">
   <div class="form-group col-md-12">
      <button type="button" class="col-md-2 btn btn-primary">Credit </button> 
   </div>
</div>
<div class="row">
   <div class="form-group col-md-12">
      <button type="button" class="col-md-2 btn btn-primary">Bank </button> 
   </div>
</div>

Answer 1

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet" />


<div class="row">
  <div class="col-md-6">
    <div class="row">
      <div class="form-group col-md-2">
        <button type="button" class="type btn btn-primary">Sales</button>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 form-group">
        <button type="button" class="type btn btn-primary">Stock</button>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 form-group">
        <button type="button" class="btn btn-primary">Purchase</button>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 form-group">
        <button type="button" class="btn btn-primary">Credit</button>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 form-group">
        <button type="button" class="btn btn-primary">Bank</button>
      </div>
    </div>
  </div>
  <div class="col-md-6">Images go here...</div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

请以此data为例：

row