Spécifiez un saut de ligne pour le responsive design

Je ne trouve pas comment spécifier à quel point une chaîne de rompre lorsqu'un écran n'est pas assez grand. Par exemple, j'aimerais que le texte « de la Commune : CENON-SUR-VIENNE » à la pause après la virgule. Est-il une syntaxe qui permet de spécifier manuellement au lieu de les laisser Bootstrap CSS de le faire automatiquement?

Je inclure un morceau de mon code HTML ci-dessous. J'ai bien précisé la balise meta à l'intérieur de la <head> :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Capture d'écran :

Spécifiez un saut de ligne pour le responsive design

Code HTML:

<div class="container">
  <div class="tab-content">
    <div class="col-lg-5">
      <div>
        <h4>Commune : CENON-SUR-VIENNE</h4>
      </div>
    </div>
  </div>
</div>

OriginalL'auteur wiltomap | 2016-06-13

  1. 12

    vous pouvez essayer ce. https://jsfiddle.net/5vwh46f8/1/

    Mettre la deuxième mot dans un span et en ajoutant un style inline-block.

    <div class="container">
<div class="tab-content">
<div class="col-lg-5">
  <div>
  <h4>Commune : <span>CENON-SUR-VIENNE</span></h4>
  </div>
</div>
</div>
</div>

<style>
h4 span{
display: inline-block;
} 
</style>
    Très bon et simple de la solution, merci beaucoup!
    Pas de problème. merci

    OriginalL'auteur Nique Joe

  2. 0

    Vous Pouvez Gérer en responsive style avec la baisse de la taille de police

    Salut Sarika, pas exactement la solution pour une taille de police ...ce qui sur le long termes. Ce n'est pas de la suite de mots longs.
    Ay, Sayed, je suis d'accord avec Vous, Merci

    OriginalL'auteur Saika