ブートストラップ3の左揃えボタン

Question

ボタンをa hrefと左揃えにする際に問題があります。私はブートストラップ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

ボタンにpull-leftクラスを追加するだけで簡単に追加できます。

<button type="button" class="remove-filter pull-left" data-url="https://www.url.com">×</button> 

あなたは、あなたのaタグに"display: inline"スタイルを追加する必要があるかもしれません

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

Answer 2

以下のスニペットを見つけることができます。ここに実例があります。

<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>