css - Bootstrap 3 中的左对齐按钮

Question

我在尝试让我的按钮与 a href 左对齐时遇到问题。我正在使用 Bootstrap 3。

有人可以帮忙吗？

<ul class="nav nav-list"> 
    <li class="nav-header">Type</li> 
    <li class="active"> 
    <button type="button" class="remove-filter" data-url="https://www.url.com">×</button>
        <a href="https://www.url.com/type:bananas"> Bananas </a> 
    </li> 
<ul>

Answer 1

您可能需要将 "display: inline" 样式添加到您的 a 标签中。这是一个工作示例。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<ul class="nav nav-list">
  <li class="nav-header">Type</li>
  <li class="active">
    <button type="button" class="remove-filter" data-url="https://www.url.com">×</button>
    <a href="https://www.url.com/type:bananas" style="display: inline;"> Bananas </a> 
  </li>
  <ul>