Html 如何使用引导对齐同一行左侧的按钮和中间的徽标？

所以我有这个密码

<div class="row">
    <a class="btn btn-default mainbutton pull-left">Back to Main Menu</a>
    <img class="center-block" src="logo.png" />
</div>

返回主菜单

---

徽标图像似乎偏离中心，因为它仅在按钮后测量边距。如何确保按钮与中心对齐？

您可以尝试在按钮与中心之间插入，如：

<div class="row">
    <a class="btn btn-default mainbutton pull-left">Back to Main Menu</a>
    <br/>
    <img class="center-block" src="logo.png" />
</div>

如果您需要帮助对齐div中的内容。
您可以尝试在两者之间进行中断，如：

<div class="row">
    <a class="btn btn-default mainbutton pull-left">Back to Main Menu</a>
    <br/>
    <img class="center-block" src="logo.png" />
</div>


如果您需要帮助对齐div中的内容。
您可以将按钮和图像放在两个不同的列中
就像

<div class="row">
  <div class="col-md-4">
    //your button code
  </div>
  <div class="col-md-4">
    //your image code
  </div>
  <div class="col-md-4">
    //some other stuff
  </div>
</div>


//你的按钮代码
//你的图像代码
//一些其他的东西
您可以将按钮和图像放在两个不同的列中
就像

<div class="row">
  <div class="col-md-4">
    //your button code
  </div>
  <div class="col-md-4">
    //your image code
  </div>
  <div class="col-md-4">
    //some other stuff
  </div>
</div>


//你的按钮代码
//你的图像代码
//一些其他的东西
我会把它分成3个相等的列，以使它更简单。
然后可以使用文本中心：

<div class="row">
    <div class="col-sm-4">
        <a class="btn btn-primary">Back to Main Menu</a>  
    </div>  
    <div class="col-sm-4 text-center">
        <img src="logo.png" />
    </div>
    <div class="col-sm-4"></div>
</div>


返回主菜单
我会把它分成3个相等的列，以使它更简单。
然后可以使用文本中心：

<div class="row">
    <div class="col-sm-4">
        <a class="btn btn-primary">Back to Main Menu</a>  
    </div>  
    <div class="col-sm-4 text-center">
        <img src="logo.png" />
    </div>
    <div class="col-sm-4"></div>
</div>


返回主菜单