html - Issue with text exceeding the container (bootstrap) -

as can see on this jsfiddle, if play window size, lorem ipsum text goes outside white container. can't figure out why, because when @ code, seems embedded within main container expect text adapt fluidly adapt window size. issue? thanks,

<section>             <div class="container content">               <div class="row">                 <div class="col-md-3 bordering">                   <h2>qui <b>sommes-nous?</b></h2>                   <h3>actifs depuis </h3></div>                 <div class="col-md-9">                   <div class="title-block">                     <p>  lorem ipsum dolor sit amet, connecteur adipiscin  <p> etc. 

it because have applied fixed width .container:

.container {     width: 1260px; /* remove or edit line */ }