Autor Zpráva
Warezov
Profil *
Zdravím,

používám nejnovější verzi framework Bootstrap. Mám v layoutu 3 sloupce a v nich je umístěný seznam položek. Pokud ale je rozlišení display min 993px a max 1338 px položky v seznamu jsou příliš dlouhé a zalamují se. Můžete mi prosím poradit jak zamezit tomu, aby se položky v seznamu zalamovaly. Budu Vám věčný za každou radu.




Kostra:
<div class="row">
 <div class="col-md-3 col-sm-0">   </div>
        <div class="col-md-2 col-sm-4">
        <ul>
            <li>položka v prvním sloupci</li>
         </ul> 
        </div>

   <div class="col-md-2 col-sm-4">
        <ul>
            <li>položka v druhém sloupci</li>
         </ul> 
        </div>

   <div class="col-md-2 col-sm-4">
        <ul>
            <li>položka v třetím sloupci</li>
         </ul> 
        </div>
</div>

Živá ukázka: zde

Díky Aleš
ondra15
Profil
Buď overflow: visible nebo min-width pro položku li. A nebo prasácké řešení dát mezi slova tvrdou mezeru &nbsp;
Warezov
Profil *
ondra15:
min-width
Vyřešeno. Díky Ondro

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: