前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Django bootstrap按钮点击后激活active

Django bootstrap按钮点击后激活active

原创
作者头像
marsggbo
修改于 2019-08-12 09:10:29
修改于 2019-08-12 09:10:29
1.1K0
举报

现在有个需求,就是在导航栏上有若干个按钮,我想实现的功能是当点击某个按钮后修改文字颜色,这样网站会更人性化。现总结方法如下:

index.html:

代码语言:txt
AI代码解释
复制
<ul class="navbar-nav mr-auto">
	<li class="nav-item">
		<a class="nav-link {% if isactive == 'home' %}active{% endif %}" href="{% url 'home' %}">Home</a>
	</li>
	<li class="nav-item">
		<a class="nav-link {% if isactive == 'about' %}active{% endif %}" href="{% url 'about' %}">About</a>
	</li>
</ul>

app.views.py

代码语言:txt
AI代码解释
复制
def home(reqeust):
	isactive = "home"
	return render(request, "home.html", {"isactive":isactive})
	
def about(reqeust):
	isactive = "about"
	return render(request, "about.html", {"isactive":isactive})

<footer style="color:white;;background-color:rgb(24,24,24);padding:10px;border-radius:10px;"><br>

<h3 style="text-align:center;color:tomato;font-size:16px;" id="autoid-2-0-0"><br>

<b>MARSGGBO</b><b style="color:white;"><span style="font-size:25px;">♥</span>原创</b>

<b style="color:white;">

2019-8-12<p></p>

</b><p><b style="color:white;"></b>

</p></h3><br>

</footer>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Broadcast,Scatter,Gather,Reduce,All-reduce分别是什么?
reduce就是将多个进程中的数据按照指定的映射函数进行运算得到最后的结果存在一个进程中,例如下面两个图中的归约操作都是求和,将4个不同进程的数据归约求和后存在了第一个进程中
marsggbo
2019/09/10
7.3K0
Detectron2代码阅读笔记-(一)
进入tools/train_net.py的main函数,第一行cfg = setup(args)是配置参数。Detectron2中的参数配置使用了yacs这个库,这个库能够很好地重用和拼接超参数文件配置。
marsggbo
2019/10/15
1.9K0
论文笔记系列--P-Darts
进来有很多种NAS技术相继提出,主要有基于强化学习的,基于进化算法的,还有基于梯度下降的,不同算法有不同优缺点。本文的PDARTS就是基于梯度下降的,其实看名字也能知道它其实是对DARTS的改进算法。
marsggbo
2020/01/23
5650
论文笔记系列-Well Begun Is Half Done:
<footer style="color:white;;background-color:rgb(24,24,24);padding:10px;border-radius:10px;"><br>
marsggbo
2019/03/02
5960
论文笔记系列-Well Begun Is Half Done:
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
首先我们看一下DataLoader.next的源代码长什么样,为方便理解我只选取了num_works为0的情况(num_works简单理解就是能够并行化地读取数据)。
marsggbo
2019/08/06
1.7K0
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
论文笔记模板
Title 文章标题 Summary 写完笔记之后最后填,概述文章的内容,以后查阅笔记的时候先看这一段。 Research Objective 作者的研究目标 Problem Statement 问题
marsggbo
2018/08/10
4800
特征值和特征向量到底是个啥?能做什么用?
所以本质上说a和b是等价的,就好像我们给一个人拍照,站在楼上拍照和爬着拍照,角度不一样,但是拍的东西都是同一个东西,唯一的差别就是坐标系的不同。
marsggbo
2021/09/20
2.2K0
Example-based Machine Learning是什么?
Example-based Machine Learning (EML) 是从数据集中选择特殊的样本来进行学习。下面看几个例子来理解:
marsggbo
2019/10/06
5460
双调排序Bitonic Sort,适合并行计算的排序算法
双调排序是data-independent的排序, 即比较顺序与数据无关的排序方法, 特别适合做并行计算,例如用GPU、fpga来计算。
marsggbo
2019/01/03
3K0
双调排序Bitonic Sort,适合并行计算的排序算法
从向量空间的角度来理解方程组有无解的问题
在开始之前,我们需要明确方程组可以转化成一组列向量的线性组合。什么意思呢?我们以下面一个例子进行介绍:
marsggbo
2019/08/28
7400
理解齐次坐标的意义
在介绍为什么要引入齐次坐标之前先介绍这三个操作的线性代数的表达形式。为了说明方便以二维进行举例说明。
marsggbo
2019/11/29
1.2K0
理解齐次坐标的意义
论文笔记系列--MnasNet:Platform-Aware Neural Architecture Search for Mobile
MnasNet的目的很简单就是设计出表现又好,效率又高的网络。在介绍之前简单回顾一下现有的一些提高网络效率的方法:
marsggbo
2020/01/22
1.4K0
论文笔记系列--MnasNet:Platform-Aware Neural Architecture Search for Mobile
论文笔记系列-AutoFPN
之前的AutoML都是应用在图像分类或者语言模型上,AutoFPN成功地将这技术应用到了目标检测任务上。
marsggbo
2019/12/03
7000
卷积操作转化成矩阵乘法
平常都是无脑使用Pytorch提供的nn.Conv2d方法,但是并不关心具体该如何实现,原来是把卷积操作转化成矩阵乘法,而不是真的通过滑动卷积核来做卷积,下面做具体介绍。
marsggbo
2019/12/20
1.2K0
卷积操作转化成矩阵乘法
论文笔记系列--iCaRL: Incremental Classifier and Representation Learning
title: 论文笔记系列--iCaRL: Incremental Classifier and Representation Learning
marsggbo
2019/01/25
3.2K0
论文笔记系列--iCaRL: Incremental Classifier and Representation Learning
将markdown中的Latex公式转换成知乎格式
我们平时在写markdown时常常会用到latex公式,然而直接将markdown上传至知乎的话,知乎并不能正常解析公式,因为他还无法识别\$\$。
marsggbo
2019/12/24
1.2K0
论文笔记系列-Auto-DeepLab:Hierarchical Neural Architecture Search for Semantic
以往的NAS算法都侧重于搜索cell的结构,即当搜索得到一种cell结构后只是简单地将固定数量的cell按链式结构连接起来组成最终的网络模型。AutoDeeplab则将如何cell的连接方式也纳入了搜索空间中,进一步扩大了网络结构的范围。
marsggbo
2019/09/14
5240
如何fork自己的github库?
Github上我们经常fork其他人的代码,然后经过一通魔改后弄出"自己"的东西。但是现在我遇到了这么一个需求,就是我已经公开了一个自己的库(暂且叫parent),然后我想基于自己开发的库再创建新的功能,但是又不想让新功能公开,一个很自然的想法是库parent保持公开,然后新创建一条分支隐藏,可惜的是github并不支持这个功能。所以一个可行的办法就是fork自己的库,但是不是直接fork,因为你也没法fork自己的库,间接实现的方法如下:
marsggbo
2019/12/19
1.5K0
基于Web的个人网页响应式页面设计与实现 HTML+CSS+JavaScript(web前端网页制作课作业)
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者: 历任研发工程师,
IT司马青衫
2022/08/17
9930
基于Web的个人网页响应式页面设计与实现 HTML+CSS+JavaScript(web前端网页制作课作业)
Pytorch autograd,backward详解
平常都是无脑使用backward,每次看到别人的代码里使用诸如autograd.grad这种方法的时候就有点抵触,今天花了点时间了解了一下原理,写下笔记以供以后参考。以下笔记基于Pytorch1.0
marsggbo
2019/09/19
1.7K0
推荐阅读
相关推荐
Broadcast,Scatter,Gather,Reduce,All-reduce分别是什么?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档