我想使左降而寧降

我想讓左降而不是下拉自舉下拉按鈕。我試圖做到這一點，但我無法做到這一點，任何人都可以指導我做到這一點？我想使左降而寧降

這裏是我的代碼

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="col-sm-4 col-sm-offset-4"> 
 
<div class="btn-group"> 
 
    <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
 
    Small button <span class="caret"></span> 
 
    </button> 
 
    <ul class="dropdown-menu "> 
 
    <button class="btn btn-primary">Action 1</button> 
 
    <button class="btn btn-danger">Action 2</button> 
 
    </ul> 
 
</div> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
<script type="text/javascript"> 
 
    $(function() { 
 
    $('[data-toggle="popover"]').popover() 
 
}) 
 
</script>

來源

2016-07-28 Vishal Panara

你的意思是菜單應該會出現在左側，而底部則？ –

你有什麼嘗試？你所展示的只是一般的Bootstrap下拉式標記，沒有什麼特別的。 –

@Leothelion我正確 –

那裏是top和left的CSS的這一部分：

.dropdown-menu { 
    top: -10px !important; 
    left: -160% !important; 
}

來源

2016-07-28 10:31:39 iorgu

你忘了添加！重要的，第二個不應該改變bootstrap的基類，因爲它會影響整個網站，所以更好地使用自定義類。 –

你是對的！現在，我添加了「重要的」 – iorgu

偉大的...工作@iorgu –

你可以使用CSS來實現這一目標。我目前在手機上，但我相信它會走這樣的事情。嘗試：

.dropdown-menu { 
    margin-left:30px; 
    margin-bottom:20px; 
}

我應該是這樣的。您現在可以在左側顯示開幕。

來源

2016-07-28 10:32:27 PICKAB00

嘗試添加該

.dropdown-menu { 
    left:auto; 
    right:100%; 
    top:0; 
}

來源

2016-07-28 10:35:51

我想使左降而寧降

回答

相關問題