1214年7月27日早晨，菲利浦二世的军队已经在离图尔纳城西面很远的位置了。法军的工兵部队已经加宽了布汶城里的桥梁，这使得法军移动速度得以加快。法军的先头部队，主要是步兵以及辎重，已经穿过了流经布汶城的马斯河上的桥梁，而菲利浦则和他的重骑兵部队守卫在桥的东面。在更往东边的地方，奥托的军队已经从图尔纳城南面的莫塔尼城迅速移动过来，法军的后卫部队和奥托的联合军团的先头部队发生了战斗。奥托当时正在寻找撤退的法军，而快速行进中的法军在他眼中就象象一支没有作好战斗准备就匆忙败退的军队。当法军后卫部队避开了联军的攻击时，奥托更加相信是他强大的联军迫使法军陷入不利局面而撤退的。

菲利浦的后卫部队中的骑兵是由梅伦子爵亚当指挥。这时菲利浦最有经验的军事将领之一、圣约翰骑士团骑士——桑利斯的圭林则骑马在一个有利位置对法军后卫部队的后方进行敌情侦察。当圭林发现奥托的军队快速地以战斗阵型前进时，他立即向菲利浦汇报了相关情况。菲利浦正在看着他的骑兵开始过桥，国王马上意识到潜在的灾难——因为他不能让他的后卫部队在桥梁毁坏前过桥(也即菲利浦迫于奥托军队的压力，匆忙撤退，在主力部队过河后，将桥梁毁坏，将后卫部队放弃)。菲利浦作了一个大胆的决定——全军掉转方向，迎战奥托，他让已经过桥的法军步兵以全速再次穿越桥梁。

此刻，奥托的部队正猛烈攻击梅伦子爵的后卫军队，迫使法军的马上弩手和冠军重装骑兵返回援救。随后，伯艮地公爵率领自己的骑士从法军骑兵主力部队中脱离出来，参加对后卫部队的援救。受到鼓舞的法军后卫部队拼死力战，终于延缓了奥托军队的先头部队的攻击，从而赢得了使法军主力部队的骑兵准备战斗的宝贵时间。

奥托正以为他在追击败退的法军，看到法军转过身来和自己的军队拼死战斗，不禁吃了一惊，他不得不将军队重新集结和法军进行野战，因为他如果将军队掉转方向或撤退的话，那么他便必败无疑。菲利浦将他的军队布置在桥梁的东端的开阔地带上，部队和通过布汶城的桥梁东边的道路形成了锐角。这是一片多石的区域，在它的下面，是河边的沼泽地。他将自己军队左翼的位置空置出来，以便后卫军队可以在那里重新集结。法国国王还将返回的后卫部队的士兵有序排列，最后法军的阵型向北得到了延伸，左翼阵型集结起来了。此时，伯艮地公爵边战边退地靠近了桥梁，法军已经准备好战斗了。

另一方面，奥托命令到达战场的后续部队排列阵形，和法军相持。目击者证实了当时奥托为眼前的这支阵容鼎盛的法军感到吃惊，刚刚他还认为这是一支溃散的军队。双方布置阵型花了1个小时，在这个小时内，菲利浦的步兵从桥的西端赶回，迅速地在贵族骑兵后面布置好。伯艮地公爵利用这段时间休息并补充自己的骑士，现在他们布置在法军的右翼。此时接近中午，太阳在法军背后。

两支13世纪初期最大规模的军队对峙着，两军距离2000码。法军现在列好阵势，全副武装的骑士已经穿过了整个战场。为了便于指挥，中世纪的军队指挥官一般将军队分为左、中、右3个方阵。在法军中央阵型正前方是由民兵组成弩手部队，骑兵则在弩手后方，在左右两翼，骑兵布置在前方，长矛手则布置在骑兵后方。法军的贵族骑士从右到左如下排列——右翼有来自香巴尼(香槟)区的骑士，伯艮地的尤德，然后是圣波尔、贝蒙特、蒙特莫伦西、圣克尔伯爵以及一些小领主;中央则有七十位法国最显赫的贵族(其余的则在南部协助王太子路易对抗约翰)，以及来自法兰西岛的国王封臣;左翼则有德鲁斯伯爵罗伯特，旁提乌伯爵纪绕姆，欧塞尔伯爵皮埃尔，布瓦主教以及托马斯.德.圣瓦勒里，除此之外还有许多来自法国西北部的小贵族。国王菲利浦二世则站在军队中央的最前面，在他身后是法军军旗，军旗上有卡佩家族的绘有金色百合花的蓝色家族徽章。

奥托一方，则将步兵放在中央方阵的前方，步兵后面是他本人的私人骑兵。中央方阵的步兵主要由德意志、尼德兰长矛手组成，他们可以说是当时欧洲最优秀的步兵。在他的萨克森战士旁边，奥托布置的是来自不拉奔、林堡、荷兰以及那穆尔的骑兵。在骑兵的后面是奥托的第二列步兵，在他的第二列步兵后面，奥托的帝国丝绸飞龙军旗迎风飘扬，军旗旗杆顶端刻有一只飞鹰，飞鹰拥有一双金翅膀。此外还有标志着神圣罗马帝国皇帝的带有黄金装饰的战车，它由奥托的随从护卫着。在左翼，奥托布置的是来自弗兰德尔以及哈诺的骑士，由费迪南德伯爵指挥，在骑士前面则是来自上述地区的步兵。在右翼的则是布洛涅伯爵的军队、一小部分的弗兰德尔骑士以及萨里斯伯里伯爵指挥下的雇佣军，在他们前面也是步兵，包括弩手以及长矛手。

法军首先发起战斗，圭林率领300名苏瓦松骑兵挑战弗兰德尔贵族骑士，随后，伯艮地骑士加入战斗。于是法军的右翼和奥托军的左翼陷入了混战，骑士们都用剑和斧头砍杀对手，在战斗过程中，弗兰德尔伯爵被俘。

在中央。奥托派遣他的大队步兵直冲菲利浦所处的法军中央方阵，很快他们便扫荡掉法军前列的民兵弩手，并和后列的骑士交手。尽管他们的数量远远超过骑士，但是轻装上阵的步兵不能抵御全副武装的骑士的攻击。在交战中，菲利浦曾从马鞍上摔了下来，几乎被杀，但中军的法军骑士迅速守卫在国王身边保护住了他，菲利浦重新披甲上阵，法军骑士大肆砍杀围在国王身边的敌军步兵。弗兰德尔步兵很快便被击溃了，法军贵族骑士则反攻到了奥托以及萨克森、不拉奔、林堡骑士所在的阵地。

法军左翼的骑士抓住奥托军集中攻击法军中军时，右军部分地将右侧翼暴露的机会，对其发动了一次决定性的攻击，将联军的重装骑兵摧毁，并将萨里斯伯里伯爵俘虏，另外一名将领波维的雨果则逃脱。联军右翼最大的雇佣步兵由丹马丁的雷诺领导，他们继续顽强战斗，因为他们知道敌人决不会怜悯。雷诺和一些骑士凭借着雇佣步兵组成的防御圈和法军厮杀，但最终法军骑士和步兵歼灭了雇佣兵，雷诺投降。

在中央，法军骑兵进攻数量超过自己的萨克森以及不拉奔骑士，另一场野蛮的厮杀开始了。奥托和他的随从英勇地作战，他挥舞着战斧大力砍杀敌人，法军连续多番地冲击着他所在的阵地，突然奥托的战马被杀，将他抛到地上萨克森近卫军将他保护起来，一位贵族将自己的战马给了奥托，奥托马上逃离战场，一直不停歇地跑到瓦伦西恩斯。奥托逃离战场，使联军的斗志彻底瓦解，联军兵败撤退。萨克森人和西法里亚人勇敢地承担起后卫任务，但几乎所有联军重要的贵族都被俘虏。在奥托军的左翼费迪南德伯爵将他的长矛手围成一个圆圈，左军剩余的骑士则留在圆圈中间，直到不拉奔军队逐渐地被击溃，费迪南德伯爵才被俘获。而尼德兰人则和那些雇佣军一道，迅速地溃逃了。

布汶战役在适合骑兵冲锋的地域进行了3个小时，奥托军遭到了彻底性的失败，奥托的皇帝战车被毁，碎片被带回了巴黎。萨里斯伯里伯爵很快便和德鲁斯伯爵的儿子进行交换而获得了自由，腓德烈则由教皇加冕为神圣罗马帝国皇帝腓德烈二世。丹马丁的雷诺则在监牢中度过余生，据说是自杀。英格兰国王约翰被迫和菲利浦在希农签定了为期6年的和约，约翰由于收不回家族的领地，被臣民冠以“无地王”的称号。而弗兰德尔则在以后的某段时期内为法国短暂控制。

在这场战役中，菲利浦二世显示出一定的领导才能，再加上他的将领和骑士勇敢善战，在战斗中把握住关键的时刻——将他们落马的国王从敌军步兵的包围中拯救出来以及抓住联军右翼暴露而向敌军右翼发动攻击，并且在敌军中军步兵的冲击下仍然能保持对战局的控制，这些都是法军取得胜利的因素。

布汶战役是西欧13世纪比较重要的战役之一，它对西欧的政治格局产生了重要的影响，许多西方历史学家都将这场战役视为“法兰西诞生之战”，它使得法国在西欧大陆开始拥有较高的政治地位，在这场战役后，菲利浦二世在他的名字前加上了“奥古斯都”的称号。假如法军战败，英格兰的不兰奔特纳家族(金雀花家族)可能会收复他们早先丢失掉的诺曼底领地以及安茹领地，而弗兰德尔伯爵则从法王的控制下获得自由，奥托四世则有可能将神圣罗马帝国的西部边界又扩展到洛泰林基亚地区的西部。法王再一次面临如此众多的敌人还要等到16世纪初叶弗朗索瓦一世在位时期。

对于英格兰来说，菲利浦在布汶取得的胜利使得安茹家族在法国的领地几乎彻底丧失，这使得无地王约翰在国内的威望跌到最低点。1215年，英格兰贵族在国内造反，迫使约翰颁布了《大宪章》，贵族们还邀请菲利浦的王太子路易到英格兰为王。路易于1216年5月率领一支法军在英格兰登陆，他得到许多英格兰、苏格兰以及威尔士贵族的支持。但是约翰在1216年10月死去，随着约翰的死去，绝大多数原先支持路易的贵族转而支持约翰的儿子亨利，路易于1217年又返回了法国去寻求菲利浦的支持，但菲利浦却对此不感兴趣。当路易再次返回英格兰时，他和他的少数英格兰同盟者在1217年5月20日的林肯战役中被亨利的支持者击败，而法国来的援军也在桑维奇海战中失礼。路易只好接受了一笔小数目的赔款，然后放弃了对英格兰王位的要求，动身返回法国，他在菲利浦死后，继承了法国王位，他就是法国历史上的路易八世(在位期间1223-1226)。亨利于1217年继承了约翰的王位，他就是英格兰历史上的国王亨利三世(在位期间1217-1272)。但是英法两国的恩恩怨怨并没有终结，一直持续到拿破仑战争。