Bootstrap在標頭中創建活動按鈕鏈接

嘿，我正在學習bootstrap/CSS，同時我設計了一門課程的網站。Bootstrap在標頭中創建活動按鈕鏈接

現在，我有我的頭這是罰款。有一些按鈕，其中有一個標籤可以覆蓋所有這些按鈕，並且這些按鈕都位於一些div和容器內。

我想要它，所以當我點擊主頁或任何按鈕被激活時，我可以改變它的顏色，例如當我在網站的那部分時灰色。我試過&：活躍，但它不這樣工作。

對不起，如果它之前我已經搜查了很多，並不知道如何找到它。還檢查了bootstrap文檔。

繼承人是我的代碼

CSS 

header{ 
text-align: center; 
padding-bottom: 0em; 
} 

.navbar-inverse{ 
background: gray; 
} 



.btn { 
border-style: dotted; 
border-color: gray; 
line-height: 5em; 
width: 8em; 


a{ 
    color: white; 
    font-size: 1.5em; 
    font-weight: bold; 
    display:block; 
    width: 100%; 
    height: 100%; 




    &:active{ 
     background-color: gray; 
    } 


    &:hover{ 
     text-decoration: none; 
     background-color: navy; 
    } 

    } 
} 

.btn-lg{ 
background: black; 
height: 90px; 
padding: 0px 0px 0px 0px; 
} 


HTML HEADER 

<header class="navbar navbar-fixed-top navbar-inverse"> 
<div class="container"> 

<button type="button "class="btn btn-lg"><%= link_to current_user.name, current_user %></button> 

<button type="button" class="btn btn-lg"><%= link_to "Log Out", root_path %></button> 

<button type="button" class="btn btn-lg"><%= link_to "New Event", new_event_path %></button> 

<button type="button" class="btn btn-lg"><%= link_to "All Events", events_path %></button> 


</div> 
</header>

來源

2016-04-08 mateo_io

嘗試增加一個jQuery，將設置按鈕被激活。請參閱以下代碼以供參考。

HTML：

<a href='#' class='btn btn-default'> 
Link 1</a> 

<a href='#' class='btn btn-default'> 
Link 2</a>

JQuery的：

$(function() { 
    $('a').click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 
    }); 
});

來源

2016-04-08 02:19:54 claudios

這可能是它。我已經實現了它，但我不知道應該在哪裏添加.active類。我是否將它添加到按鈕，以.btn類，鏈接？ –

是的，你可以做到。你也可以保持原樣。 jquery選擇器中的按鈕指向按鈕元素。 – claudios

或者嘗試將您的按鈕替換爲錨標籤，然後將jquery選擇器替換爲'a'。 – claudios

做這樣的，給class名字您的按鈕，假設的人，然後在烏爾CSS .man:active給它顏色U希望。

.man:active{ 
background-color: #2222; 
}

現在如果u想，ü點擊一個按鈕後，顏色應保持不變，曾經按鈕已被訪問過的，

.man:visited{ 
background-color: #ffff; 
}

來源

2016-04-08 03:12:21 Manish62

被訪問的作品正常。問題是，如果我轉到另一個選項卡，則訪問選項卡不會刷新到其原始狀態。顏色保持不變，所以對我不起作用。 –

那你想要什麼？ – Manish62

Bootstrap在標頭中創建活動按鈕鏈接

回答

相關問題