由文本长度的移动视图 - bootstrap

Question

我需要编写代表客户请求的html页面（我是以折叠方式完成的）。但是移动视图中存在问题。如果标题太长，则换行符为2行，并且我希望状态始终在标题之后对齐 另外，我需要限制标题中的字符数，如果需要可以添加3个点。 我怎么能这样做？
例如：{
{3}}
这里的HTML：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
 
                    <div class="row">
                        <div class="col-xs-1" >1.5.16</div>
                        <div class="col-md-1 hidden-xs" >235266 -</div>
                        <div class="col-xs-4" >Title</div>
                        <div class="col-md-1 hidden-xs" >1.7.16</div>
                        <div style="float:left;" class="col-xs-3 col-sm-3 hidden-md">| Status</div>
                    </div>

Answer 1

将此类truncate添加到title和 这个css .truncate {width：150px;白色空间：nowrap;溢出：隐藏;文本溢出：省略号; } 而且你可以给予“正确的”＃39; class to align right right