在Bootstrap Div中放置2個彼此相鄰的按鈕

尋找一個標題，字幕，然後兩個框在最後的第三個div中彼此靠近並彼此相鄰。努力獲得2個按鈕在中心對齊排列。似乎在一定寬度的罰款，但在全寬在Bootstrap Div中放置2個彼此相鄰的按鈕

 <div class="button-box"> 
     <div class="myoffer3 col-lg-6"> 
       <a href="mylink.php" class="btn btn-info" role="button">About Us</a> 
      </div> 
     <div class="myoffer4 col-lg-6"> 
       <a href="mylink.php" class="btn btn-info" role="button">Our Products</a> 
      </div> 
     </div> 
    </div>

我的CSS

.myoffer3 { 
display: inline; 
padding:20px; 
} 
.myoffer4 { 
display: inline; 
padding: 0 20px; 

} 
.button-box { 
    width:100%; 
    text-align:center; 
}

來源

2015-10-20 Melda S

可你貼完整的HTML嗎？ –

它已經內聯，你的期望是什麼？ – Fiido93

col-lg-6-push-2和myoffer3/4中的pull-2似乎已經完成了。不知道這是否是官方的方式 –

我已經知道你的意思流到下一行。這是修復的正確方法。

HTML

<div class="button-box col-lg-12"> 
      <a href="mylink.php" class="btn btn-info" role="button">About Us</a> 
      <a href="mylink.php" class="btn btn-info" role="button">Our Products</a> 
    </div>

CSS

.button-box { 
    text-align:center; 
    margin-top:20px; 
}

DEMO

來源

2015-10-20 09:44:27 Fiido93

你必須使用自舉類下面text-center

使用這樣，

<div class="button-box"> 
     <div class="myoffer3 col-lg-6"> 
       <a href="mylink.php" class="btn btn-info text-center" role="button">About Us</a> 
      </div> 
     <div class="myoffer4 col-lg-6"> 
       <a href="mylink.php" class="btn btn-info text-center" role="button">Our Products</a> 
      </div> 
     </div> 
    </div>

來源

2015-10-20 09:47:59 Prasanga

我真的不明白有什麼不同？ – Fiido93

你不明白什麼？ – Prasanga

提問的人。沒有什麼不同。 – Fiido93

<div style="text-align: center;"> 
    <a href="#" class="btn btn-info" role="button">About Us</a> 
    <a href="#" class="btn btn-info" role="button">Our Products</a> 
</div>

這工作對我來說，按鈕是彼此相鄰

來源

2015-10-20 09:53:08 Jelmer

在Bootstrap Div中放置2個彼此相鄰的按鈕

回答

相關問題