引導程序中的左對齊按鈕3

Question

我遇到了一個問題，試圖讓我的按鈕向左對齊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> 

您可以在下面找到

<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

片斷您可能需要"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>