约翰率领雇佣军队从英格兰的海港普茨茅斯出发，于1214年2月15日在阿奎坦地区的拉罗歇尔登陆，随行的还有他的王后伊莎贝拉、5岁的小王子理查和被挟持的侄女布列塔尼的埃莉诺，他意图扶植她为布列塔尼女公爵(1208年布列塔尼贵族为免被俘的合法继承人埃莉诺成为约翰或亲英封臣的傀儡，立埃莉诺和亚瑟的同母异父妹阿丽斯为女公爵并得到了腓力二世的认可)。他不能从英格兰贵族处获得支持，只能征召他在法国圭延地区(也即阿奎坦地区)的封建臣属，然后进入普瓦图地区。一路上，约翰不断得到兵力补充，他随后穿越了罗亚尔河，并进入其家族先前拥有的安茹领地，这起到了关键性的作用，菲利浦二世率领王家军队南下迎战约翰。菲利浦二世沿着萨穆尔大道和希农行军，以切断约翰的撤退线路。约翰放弃了安茹并于4月迅速南下利摩日。在这里，约翰迫使菲利浦将军力投放到南方战线上，可以说约翰的计划成功了一半了。但不幸的是，奥托和他的军队由于还没有作好进军的准备，并没有在北方战线发起进攻予以配合。北方前线传来的关于奥托整顿军队的警报使菲利浦意识到比南方的约翰更加严重的危险。菲利浦让他的儿子路易率领800名骑士，2000名重装骑兵，7000名步兵留下防御约翰。自己带领私人的一支骑士小部队返回巴黎准备应付来自北方的威胁。
约翰可能意识到整支法国王家军队正向巴黎撤退，他迅速在5月份移动回普瓦图地区，越过罗亚尔河，再次入侵安茹地区。6月，他围攻拉罗歇尔.阿斯.莫因。但是在7月，当约翰得知法国王太子路易率领一支法军从安茹、缅因地区赶来增援时，他匆忙撤退。
与此同时，奥托在3月向尼德兰进军，他把时间耗费在招集德意志军队，并在亚琛停留了10天以举行他同不拉奔公爵亨利女儿的婚礼。当奥托终于开始在6月向南进军时，他只有3个臣属的德意志王侯和他在一起，此外的就只有他本人的萨克森军队。6月12日，奥托进抵尼维尔，在那里他和同盟者们会合 ，这下他的军队的规模增大了不少，但是就按照约翰的战略计划来说，这时指挥一支大规模的协同作战的军队已经失去了战机。6月底，菲利浦将军队移动至法国北部，并对奥托的计划作好了准备。因为奥托的岳父为了维护自己的最大利益而站在了菲利浦一边，并秘密将奥托的动向一一告知菲利浦。
除了弗兰德尔伯爵将一支大规模的骑兵加进了奥托的联合军队中去外，英格兰的萨里斯伯里伯爵威廉.兰斯沃德(他是约翰同父异母的弟弟)也带领他的欧洲雇佣军团加入了奥托的阵营中去。奥托的联合军队实力强大，它由步兵以及数量众多的重装骑士组成。
当菲利浦发现德意志人的入侵迫在眉睫时，菲利浦立即在法国东部、中部以及北部地区颁布法令招集他的所有封建臣属以及同盟者以进行战斗，但他不能利用法国西部那些或被约翰占领或被约翰威胁的地区实行人员招募。尽管菲利浦拥有为数众多的装备精良、战斗经验丰富的骑士，但是他绝大多数的部分步兵都是二流水准。
菲利浦在佩隆集合其军队，并于7月上旬向弗兰德尔地区进军，寻找奥托进行决战。他的军队于7月25日进抵图尔纳，并得知奥托在图尔纳南方的瓦伦西恩斯，菲利浦决定撤军，以免奥托插入其军队的南面，切断自己的军队和巴黎之间的联系。与此同时，奥托也得知菲利浦的位置，并领军北上，第二天(7月26日)，奥托的军队已经通过了圣阿蒙德，向北方的图尔纳开去，力图吸引菲利浦在图尔纳城的西边与己交战。
尽管奥托从间谍处获知法军的位置，但是奥托却没有利用有利时机率领实力雄厚的联合大军南下攻克巴黎，反而决定同菲利浦决战。奥托下令大军向西北方开去，军队到达离图尔纳城南9英里的地方时。法军已赶在奥托大军到来之前放弃了图尔纳城。不肯罢休的奥托继续追赶菲利浦，希望在布汶城能赶上菲利浦，菲利浦当时正和一部分法军穿过布汶城中的桥梁。不过，不拉奔公爵的秘密信使使菲利浦得以获悉奥托的计划。尽管如此，奥托仍然希望赶上菲利浦并对其发动奇袭。
1214年7月27日早晨，菲利浦二世的军队已经在离图尔纳城西面很远的位置了。法军的工兵部队已经加宽了布汶城里的桥梁，这使得法军移动速度得以加快。法军的先头部队，主要是步兵以及辎重，已经穿过了流经布汶城的马斯河上的桥梁，而菲利浦则和他的重骑兵部队守卫在桥的东面。在更往东边的地方，奥托的军队已经从图尔纳城南面的莫塔尼城迅速移动过来，法军的后卫部队和奥托的联合军团的先头部队发生了战斗。奥托当时正在寻找撤退的法军，而快速行进中的法军在他眼中就象象一支没有作好战斗准备就匆忙败退的军队。当法军后卫部队避开了联军的攻击时，奥托更加相信是他强大的联军迫使法军陷入不利局面而撤退的。
菲利浦的后卫部队中的骑兵是由梅伦子爵亚当指挥。这时菲利浦最有经验的军事将领之一、圣约翰骑士团骑士——桑利斯的圭林则骑马在一个有利位置对法军后卫部队的后方进行敌情侦察。当圭林发现奥托的军队快速地以战斗阵型前进时，他立即向菲利浦汇报了相关情况。菲利浦正在看着他的骑兵开始过桥，国王马上意识到潜在的灾难——因为他不能让他的后卫部队在桥梁毁坏前过桥(也即菲利浦迫于奥托军队的压力，匆忙撤退，在主力部队过河后，将桥梁毁坏，将后卫部队放弃)。菲利浦作了一个大胆的决定——全军掉转方向，迎战奥托，他让已经过桥的法军步兵以全速再次穿越桥梁。
此刻，奥托的部队正猛烈攻击梅伦子爵的后卫军队，迫使法军的马上弩手和冠军重装骑兵返回援救。随后，伯艮地公爵率领自己的骑士从法军骑兵主力部队中脱离出来，参加对后卫部队的援救。受到鼓舞的法军后卫部队拼死力战，终于延缓了奥托军队的先头部队的攻击，从而赢得了使法军主力部队的骑兵准备战斗的宝贵时间。
奥托正以为他在追击败退的法军，看到法军转过身来和自己的军队拼死战斗，不禁吃了一惊，他不得不将军队重新集结和法军进行野战，因为他如果将军队掉转方向或撤退的话，那么他便必败无疑。菲利浦将他的军队布置在桥梁的东端的开阔地带上，部队和通过布汶城的桥梁东边的道路形成了锐角。这是一片多石的区域，在它的下面，是河边的沼泽地。他将自己军队左翼的位置空置出来，以便后卫军队可以在那里重新集结。法国国王还将返回的后卫部队的士兵有序排列，最后法军的阵型向北得到了延伸，左翼阵型集结起来了。此时，伯艮地公爵边战边退地靠近了桥梁，法军已经准备好战斗了。
另一方面，奥托命令到达战场的后续部队排列阵形，和法军相持。目击者证实了当时奥托为眼前的这支阵容鼎盛的法军感到吃惊，刚刚他还认为这是一支溃散的军队。双方布置阵型花了1个小时，在这个小时内，菲利浦的步兵从桥的西端赶回，迅速地在贵族骑兵后面布置好。伯艮地公爵利用这段时间休息并补充自己的骑士，现在他们布置在法军的右翼。此时接近中午，太阳在法军背后。
两支13世纪初期最大规模的军队对峙着，两军距离2000码。法军现在列好阵势，全副武装的骑士已经穿过了整个战场。为了便于指挥，中世纪的军队指挥官一般将军队分为左、中、右3个方阵。在法军中央阵型正前方是由民兵组成弩手部队，骑兵则在弩手后方，在左右两翼，骑兵布置在前方，长矛手则布置在骑兵后方。法军的贵族骑士从右到左如下排列——右翼有来自香巴尼(香槟)区的骑士，伯艮地的尤德，然后是圣波尔、贝蒙特、蒙特莫伦西、圣克尔伯爵以及一些小领主;中央则有七十位法国最显赫的贵族(其余的则在南部协助王太子路易对抗约翰)，以及来自法兰西岛的国王封臣;左翼则有德鲁斯伯爵罗伯特，旁提乌伯爵纪绕姆，欧塞尔伯爵皮埃尔，布瓦主教以及托马斯.德.圣瓦勒里，除此之外还有许多来自法国西北部的小贵族。国王菲利浦二世则站在军队中央的最前面，在他身后是法军军旗，军旗上有卡佩家族的绘有金色百合花的蓝色家族徽章。
奥托一方，则将步兵放在中央方阵的前方，步兵后面是他本人的私人骑兵。中央方阵的步兵主要由德意志、尼德兰长矛手组成，他们可以说是当时欧洲最优秀的步兵。在他的萨克森战士旁边，奥托布置的是来自不拉奔、林堡、荷兰以及那穆尔的骑兵。在骑兵的后面是奥托的第二列步兵，在他的第二列步兵后面，奥托的帝国丝绸飞龙军旗迎风飘扬，军旗旗杆顶端刻有一只飞鹰，飞鹰拥有一双金翅膀。此外还有标志着神圣罗马帝国皇帝的带有黄金装饰的战车，它由奥托的随从护卫着。在左翼，奥托布置的是来自弗兰德尔以及哈诺的骑士，由费迪南德伯爵指挥，在骑士前面则是来自上述地区的步兵。在右翼的则是布洛涅伯爵的军队、一小部分的弗兰德尔骑士以及萨里斯伯里伯爵指挥下的雇佣军，在他们前面也是步兵，包括弩手以及长矛手。
法军首先发起战斗，圭林率领300名苏瓦松骑兵挑战弗兰德尔贵族骑士，随后，伯艮地骑士加入战斗。于是法军的右翼和奥托军的左翼陷入了混战，骑士们都用剑和斧头砍杀对手，在战斗过程中，弗兰德尔伯爵被俘。
在中央。奥托派遣他的大队步兵直冲菲利浦所处的法军中央方阵，很快他们便扫荡掉法军前列的民兵弩手，并和后列的骑士交手。尽管他们的数量远远超过骑士，但是轻装上阵的步兵不能抵御全副武装的骑士的攻击。在交战中，菲利浦曾从马鞍上摔了下来，几乎被杀，但中军的法军骑士迅速守卫在国王身边保护住了他，菲利浦重新披甲上阵，法军骑士大肆砍杀围在国王身边的敌军步兵。弗兰德尔步兵很快便被击溃了，法军贵族骑士则到了奥托以及萨克森、不拉奔、林堡骑士所在的阵地。
法军左翼的骑士抓住奥托军集中攻击法军中军时，右军部分地将右侧翼暴露的机会，对其发动了一次决定性的攻击，将联军的重装骑兵摧毁，并将萨里斯伯里伯爵俘虏，另外一名将领波维的雨果则逃脱。联军右翼最大的雇佣步兵由丹马丁的雷诺领导，他们继续顽强战斗，因为他们知道敌人决不会怜悯。雷诺和一些骑士凭借着雇佣步兵组成的防御圈和法军厮杀，但最终法军骑士和步兵歼灭了雇佣兵，雷诺投降。
在中央，法军骑兵进攻数量超过自己的萨克森以及不拉奔骑士，另一场野蛮的厮杀开始了。奥托和他的随从英勇地作战，他挥舞着战斧大力砍杀敌人，法军连续多番地冲击着他所在的阵地，突然奥托的战马被杀，将他抛到地上萨克森近卫军将他保护起来，一位贵族将自己的战马给了奥托，奥托马上逃离战场，一直不停歇地跑到瓦伦西恩斯。奥托逃离战场，使联军的斗志彻底瓦解，联军兵败撤退。萨克森人和西法里亚人勇敢地承担起后卫任务，但几乎所有联军重要的贵族都被俘虏。在奥托军的左翼费迪南德伯爵将他的长矛手围成一个圆圈，左军剩余的骑士则留在圆圈中间，直到不拉奔军队逐渐地被击溃，费迪南德伯爵才被俘获。而尼德兰人则和那些雇佣军一道，迅速地溃逃了。