Word-wrap не работает в bootstrap 3

Я пытаюсь создать кнопку с надписью над ней. Но текст не обертывается на кнопку. Вот что я сделал.Word-wrap не работает в bootstrap 3

<div class="form-group"> 
    <div class="col-md-6 col-sm-6 col-xs-6"> 
    <input type="radio" id="1" class="hidden"> 
    <label for="1" class="btn btn-info btn-preference pull-right">Stability</label> 
    </div> 
    <div class="col-md-6 col-sm-6 col-xs-6"> 
    <input type="radio" id="1" class="hidden"> 
    <label for="1" class="btn btn-primary btn-preference text-center"> 
     <span class="break-wo">Freedom and Risk</span>               
    </label> 
    </div> 
</div>

Вот Link for bootfly

источник

2014-01-24 Shahzeb

Это не обертка, это white-space: nowrap;, который мешает текст обернуть при использовании .btn, который содержит white-space: nowrap; поэтому используйте white-space: normal;

label[for="1"].btn { 
    white-space: normal; 
}

Demo

Примечание: Ваше значение ID является недействительным, вы не можете запустить id с номером

источник

2014-01-24 11:57:22

Г-н Чужеродные Волшебное снова –

Спасибо большое, он работал, я буду отмечать его как ответ, как только сайт позволит меня. – Shahzeb

@Shahzeb Нет проблем :) и вы приветствуете ... –

Вы пытались добавить white-space: normal; в свой span class="break-wo"? Это должно помочь.

источник

2014-01-24 11:59:43

Попробуйте этот путь ...

<div class="radio"> 
<label class="btn btn-info"> 
    <input type="radio" id="1" name="optionsRadios" class="hidden" value="option1" checked> 
    Option one 
</label> 
</div>

Добавление тега внутри метки

источник

2014-01-24 12:00:47 vivek

Word-wrap не работает в bootstrap 3

ответ

Смежные вопросы