Question

Hey guys I'm learning bootstrap/CSS while I design a website for a course.

现在我的标题很好。有一些按钮，它们有一个<a>标签，涵盖了所有这些标签，并且都包含在一些div和容器中。

检查员显示<a>标签。我把它们设为与点击空间按钮一样大，所以我认为我必须使用这些标签而不是按钮。

我最近尝试彻底检查标头并使用Bootstrap文档中的标题并执行jQuery脚本

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

这改变了白色背景的风格（我选择活动），但它并没有停留。一旦重定向发生，它就消失了。

我应该使用：访问过，然后按我的意思删除它：访问是一个在我点击链接时不会改变的属性。

Link to header file

Link to CSS file

这里是我认为可以使用的新添加的CSS，即所有类到达<a>标记的路径。

标题属性不相关，但不想留下任何内容。

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

/* SHOULD THIS WORK?  */
    .navbar  .container .btn-group button.active a{
    background-color: white;
}

}

EDIT标题HTML - ＆gt; <a>标签的宽度为：100％;身高：100％;所以我总是点击它们而不是按钮。没有更好的方法

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

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

我基本上想要像Rift网站这样的东西

Oculus rift

无论您是在Rift / Touch / Oculus Ready Pcs中，它们的格式都不同，它们都是粗体，下面有一条线。我希望这是我的标题，而是白色背景。

Answer 1

你在寻找

begin()

修改

如果您想在点击链接后一直想要白色背景，则需要创建一个cookie

a:focus {
    background-color:white;
}

Answer 2

我不知道为什么你在<a>内嵌套<button>，但如果我理解了你的问题，那就是你需要的：

$(function() {
    $('button').click( function() {
        var nav = $('.navbar.navbar-fixed-top.navbar-inverse');
        $(this).addClass('active');
        nav.css('background-color', '#fff');
    }); 
});

将活动类和CSS添加到链接<a> inside of buttons bootstrap

2 个答案: