如何对齐井内元素？

我正在尝试将按钮与井中的一些文本对齐。如何对齐井内元素？

这是最好的，我可以得到：按钮

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-12"> 
      <div class="well"><h4>Download our 2016 Registration form today!<button type="btn" class="btn btn-default centered">Download Now!</button></h4> 
      </div> 
     </div> 
    </div> 
</div>

CSS：

btn { 
background-color: #FFF; 
outline-color: #000; 
}

通过以上我似乎无法得到H4和干训局之间的空间。 ..他们是如此紧张在一起，填充&保证金似乎没有帮助。

此前我尝试将h4和btn分别插入到col-md-8和col-md-6中，以便拥有自己的空间，但是我无法使其水平对齐。

然后，我在github上阅读这些帖子https://github.com/twbs/bootstrap/issues/16933 .... https://github.com/twbs/bootstrap/issues/1446 ...听起来像这个问题已经有一段时间了？

我正在使用一口井，因为我想保持h4和btn靠近并处于红色区域以吸引注意力。

任何帮助？

来源

2016-04-23 SaintPaddy

你想这只与jQuery或CSS？ – guradio

感谢Guradio，CSS或HTML ...我的jquery并不那么热衷。 – SaintPaddy

编织：http://kodeweave.sourceforge.net/editor/#6e1a68050ce5981e47e0512857f2dd73

您可以使用media queries这一点。

CSS：

.btn { 
    background-color: #FFF; 
    outline-color: #000; 
    display: inline-block; 
    float: right; 
    margin: -9px 0; 
} 
.well { 
    text-align: left; 
} 

@media all and (max-width: 575px) { 
    .well { 
    text-align: center; 
    } 
    .btn { 
    display: block; 
    clear: both; 
    float: none; 
    text-align: center; 
    margin: 20.92px auto; 
    } 
}

来源

2016-04-23 02:42:55

谢谢Michael Schwartz，我使用这个解决方案，效果很好，而且更容易造型。 – SaintPaddy

是很常见的使用<table><table/>，使您的文字对齐。把按钮和文本在表格中以1行2个columes

<table> 
    <tr> 
     <td> 
      TEXT 
     <td/> 
     <td> 
      BUTTON 
     <td/> 
    </tr> 
<table/>

如果你的网站（甚至这一个）看看周围，你会看到页面是一个大表的按钮，文本框，IMGS在

瓷砖

来源

2016-04-23 12:55:43

谢谢Donat裤子！ – SaintPaddy

如何对齐井内元素？

回答

相关问题