Question

Picture showung address gettung expanded

不包含带有Bootstrap列结构的文本

我尝试添加宽度= 100％

<div class="row" style="padding-bottom:40px;">
    <div class="col-md-4" style="padding-bottom:20px;">
        <div width="200px">
            <strong>Quote ID: </strong>{!quoteValue.Name}<br/>
            <strong>Quote Date: </strong>{!quoteDate}<br/>
            <strong>Contact: </strong>{!quoteContactName}<br/>
            <strong>Address: </strong>{!quoteAddress}
        </div>
    </div>
    <div class="col-md-4" style="padding-bottom:20px;">
        <div>Your Health Representative:
        </div><strong>{!$User.FirstName} {!$User.LastName}</strong>
            <div>{!$User.Phone}</div>
        <div><a href="mailto:{!$User.Email}">{!$User.Email}</a></div>
    </div>
    <div class="col-md-4" style="padding-bottom:20px;">
        <div>Notes:<br/><small>This is NOT a bill. It is an illustrative quote, based on the census information provided. Please contact your Broker for details on how to move forward with Universal Health Fellowship products.</small></div>
    </div>
</div>

需要包含带有列结构的quoteAddress

Answer 1

您可以使用CSS word-break样式实现它。默认情况下，长单词（无空格）不会分成较小的部分。您可以设置例如

.col-md-4 {
  word-break: break-all;
}

Demo

引导带宽度溢出

1 个答案: