在按钮内的按钮内创建文本

时间:2016-01-18 15:19:34

标签: html css twitter-bootstrap twitter-bootstrap-3

按钮内的文字有问题。当我调整窗口浏览器的大小时,文本从按钮和所有父容器转到外面。

<button id="addFleetButton" type="button"
    class="btn btn-primary col-xs-1 col-xs-offset-11"
    data-toggle="modal" data-target="#addFleetModal">Add fleet</button>

有没有办法通过bootstrap自动修复此问题?我不想改变css来获得目标。 感谢

升级:鉴于如果我在分辨率降低时调整文本大小并不能很好地显示,我已创建此代码:

<button id="addFleetButton" type="button"
    class="btn btn-primary visible-lg col-lg-1 col-lg-offset-11"
    data-toggle="modal" data-target="#addFleetModal">Add fleet</button>
<button id="addFleetButton" type="button"
    class="btn btn-primary hidden-lg col-xs-1 col-xs-offset-11"
    data-toggle="modal" data-target="#addFleetModal" data-toggle="tooltip" title="Add fleet">+</button>

因此,当我使用桌面分辨率时,我会看到&#34;添加机群&#34;进入按钮,否则我看到&#34; +&#34;和带有文字的工具提示&#34;添加车队&#34;。 你怎么了?

0 个答案:

没有答案