約翰率領僱傭軍隊從英格蘭的海港普茨茅斯出發，於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名蘇瓦鬆騎兵挑戰弗蘭德爾貴族騎士，隨後，伯艮地騎士加入戰鬥。於是法軍的右翼和奧托軍的左翼陷入了混戰，騎士們都用劍和斧頭砍殺對手，在戰鬥過程中，弗蘭德爾伯爵被俘。
在中央。奧托派遣他的大隊步兵直衝菲利浦所處的法軍中央方陣，很快他們便掃蕩掉法軍前列的民兵弩手，並和後列的騎士交手。儘管他們的數量遠遠超過騎士，但是輕裝上陣的步兵不能抵禦全副武裝的騎士的攻擊。在交戰中，菲利浦曾從馬鞍上摔了下來，幾乎被殺，但中軍的法軍騎士迅速守衛在國王身邊保護住了他，菲利浦重新披甲上陣，法軍騎士大肆砍殺圍在國王身邊的敵軍步兵。弗蘭德爾步兵很快便被擊潰了，法軍貴族騎士則反攻到了奧托以及薩克森、不拉奔、林堡騎士所在的陣地。
法軍左翼的騎士抓住奧托軍集中攻擊法軍中軍時，右軍部分地將右側翼暴露的機會，對其發動了一次決定性的攻擊，將聯軍的重裝騎兵摧毀，並將薩里斯伯裏伯爵俘虜，另外一名將領波維的雨果則逃脫。聯軍右翼最大的僱傭步兵由丹馬丁的雷諾領導，他們繼續頑強戰鬥，因爲他們知道敵人決不會憐憫。雷諾和一些騎士憑藉着僱傭步兵組成的防禦圈和法軍廝殺，但最終法軍騎士和步兵殲滅了僱傭兵，雷諾投降。
在中央，法軍騎兵進攻數量超過自己的薩克森以及不拉奔騎士，另一場野蠻的廝殺開始了。奧托和他的隨從英勇地作戰，他揮舞着戰斧大力砍殺敵人，法軍連續多番地衝擊着他所在的陣地，突然奧托的戰馬被殺，將他拋到地上薩克森近衛軍將他保護起來，一位貴族將自己的戰馬給了奧托，奧托馬上逃離戰場，一直不停歇地跑到瓦倫西恩斯。奧托逃離戰場，使聯軍的鬥志徹底瓦解，聯軍兵敗撤退。薩克森人和西法里亞人勇敢地承擔起後衛任務，但幾乎所有聯軍重要的貴族都被俘虜。在奧托軍的左翼費迪南德伯爵將他的長矛手圍成一個圓圈，左軍剩餘的騎士則留在圓圈中間，直到不拉奔軍隊逐漸地被擊潰，費迪南德伯爵才被俘獲。而尼德蘭人則和那些僱傭軍一道，迅速地潰逃了。
