在下面的代碼中添加代碼以顯示圖像

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

請把這row爲例：？

<div class="row"> 
    <div class="form-group col-md-12"> 
     <button type="button" class="col-md-6 type btn btn-primary">Sales</button> 

     <img src="example.jpg" alt="Image" class="col-md-6"> 
    </div> 
</div> 

Answer 2

<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>