引導圖像空間

我想知道如何在HTML圖像和按鈕之間添加空格[begin course and test]。不知道這是我應該通過自己的CSS還是通過引導可以完成的技術來做的事情？我想不出任何干淨的解決方案，只有斷裂線。引導圖像空間

<div class="row marketing"> 
    <div class="col-lg-6"> 

     <h4>Subheading</h4> 
     <img src="{% static 'images/image pathway here' %}" alt="HTML5" style="width:180px;height:140px;"> 

     <div class="btn-group btn-group"> 
     <button type="submit" id="button" class="btn btn-default"> Begin Course </button> 
     <button type="submit" id="button" class="btn btn-default"> Test </button> 
     </div> 
    </div> 
    <div class="col-lg-6"> 
     <h4>Subheading</h4> 
     <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> 

    </div> 
    </div>

來源

2016-03-02 user2982832

如果它的工作，那麼無論如何使用它。除非你因爲你的斷裂而發現錯誤。或者你可以使用保證金。 – AchmadJP

一個簡單的方法是將一個類添加到您的按鈕組，所以它看起來像這樣：

<div class="btn-group btn-top-spacing">

，然後添加一些自定義CSS：

.btn-top-spacing{ 
    margin-top: 10px; 
}

來源

2016-03-02 13:59:55

引導圖像空間

回答

相關問題