1214年初，英格兰国王约翰率领一支主要由雇佣兵组成的部队，从朴茨茅斯启航，于2月在阿基坦地区的拉罗谢尔登陆。随行的不仅有王室成员，还包括其政治筹码——侄女布列塔尼的埃莉诺。约翰的战略意图在于在法国南部开辟战线，以牵制法王腓力二世的主力。他迅速集结了在吉耶纳等地的封臣兵力，挥师进入普瓦图，并一度北上渡过卢瓦尔河，重返其安茹家族的旧地。这一大胆的机动成功吸引了腓力二世的注意力，迫使法王率军南下应对。
然而，约翰战略的关键在于与盟友神圣罗马帝国皇帝奥托四世的南北夹击。当腓力二世南下时，北方的奥托却因筹备婚礼、集结军队而迟迟未能发动进攻。这一延误让腓力二世警觉到北方更具威胁，他果断决定分兵：留下部分军队由王太子路易指挥以牵制约翰，自己则亲率精锐骑士火速返回巴黎，以应对即将到来的北方入侵。约翰虽一度再次北上威胁安茹，但在得知路易援军将至后便迅速撤退，其南方战线至此主要起到了战略牵制作用。
与此同时，奥托四世在尼德兰缓慢地集结着他的庞大联军。直到六月，他的军队才与重要的盟友会师，其中包括弗兰德尔伯爵的大批骑兵，以及英格兰的索尔兹伯里伯爵威廉·朗索德率领的雇佣军团。这支联军由精锐的德意志步兵和数量可观的重装骑士构成，声势浩大。
腓力二世在返回巴黎后，迅速在法国北部和中部征召封臣与盟友。尽管他麾下骑士经验丰富、装备精良，但步兵质量参差不齐。七月，腓力主动率军进入弗兰德尔地区寻求决战。双方军队在图尔奈附近展开机动，互相试探。奥托本有机会直取巴黎，但他最终选择了寻求与法军进行一场正面决战，这个决定将战役地点引向了布汶。
1214年7月27日清晨，法军正通过布汶的桥梁向西撤退。先头部队和辎重已过河，国王腓力二世本人则与后卫骑兵留在桥东。此时，奥托联军的先头部队已与法军后卫接触。联军指挥官误以为法军全面溃退，下令全力追击。
法军后卫在梅伦子爵亚当的指挥下顽强抵抗，为主力赢得了宝贵时间。经验丰富的骑士圭林侦察到联军正以战斗队形快速逼近，立即向腓力二世报告。腓力面临一个艰难抉择：是继续过桥，可能牺牲后卫部队；还是转身迎战。他做出了一个大胆而英明的决定——停止渡河，命令已过桥的部队折返，全军在桥东开阔地带转身列阵，准备背水一战。
双方在布汶桥东的旷野上排列开当时欧洲最强大的阵型。法军背对阳光，依托桥梁和沼泽地，将部队分为左、中、右三翼。中央方阵前是弩手，后方是法兰西最显赫的贵族骑士，腓力二世手持绘有金色鸢尾花的王旗坐镇中央。左右两翼则以骑兵为前锋。
奥托的联军同样阵容鼎盛。中央是骁勇的德意志与尼德兰长矛手，后方是奥托本人的萨克森骑士与帝国战旗。左翼是弗兰德尔和埃诺的骑士，右翼则由布洛涅伯爵和英格兰雇佣军组成。两军对峙，相距约两公里，一场决定西欧命运的大战一触即发。
战斗首先在双方右翼（法军）与左翼（联军）的骑士之间爆发。法军骑士发起猛烈冲锋，与弗兰德尔骑士陷入混战，并成功俘获其伯爵。
战役的转折点发生在中央和联军右翼。奥托命令强大的步兵方阵冲击法军中央，一度使腓力二世坠马，险象环生，但被忠诚的骑士们拼死救回。稳住阵脚的法军骑士发起反击，与德意志骑士展开残酷的白刃战。与此同时，法军左翼骑士发现了联军右翼暴露的侧翼，发动了一次决定性的冲锋，彻底击溃了该侧的敌军，并俘虏了英格兰的索尔兹伯里伯爵。
最关键的时刻到来，法军骑兵向奥托皇帝所在的中央阵地发起连续冲击。激战中，奥托的战马被击杀，皇帝本人落马。尽管被卫队救起并换马，但奥托最终选择了撤离战场。皇帝的撤退成为联军崩溃的导火索，全军士气瓦解，开始溃退。许多联军贵族被俘，只有部分部队进行了有组织的后卫抵抗。
布汶战役以法军的大获全胜告终。此战不仅彻底粉碎了约翰王收复大陆领地的希望，巩固了腓力二世对法国北部的大片领土的控制，也极大地削弱了神圣罗马帝国皇帝奥托四世的权威，间接影响了帝国内部的权力更迭。这场战役被后世许多史学家视为中世纪盛期封建军事艺术的经典战例，它展示了指挥决策、战术机动和骑士精神在实战中的结合。法国的王权因此战得到空前加强，为后来中央集权国家的形成奠定了基础，而英格兰则更专注于不列颠群岛的发展，英法两国的历史轨迹由此进一步分野。
