Question

我正在尝试使用Django模板语言生成文本，该文本包含在Bootstrap 4徽章中，还包含徽章中未包含的一些其他文本。

这是我的代码：

<span>Submitted&nbsp;by:&nbsp;<span class="badge badge-primary">{{ 
user.username }}</span></span>

我想要短语＆＃34;由USER＆＃34;提交的所有单词。总是在同一条线上，但上面的代码没有实现。知道什么是错的吗？

Answer 1

将班级text-nowrap添加到外部<span>元素，然后删除不必要的 。

Bootstrap 4中的

text-nowrap可以防止包装，顾名思义。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container">
    <div class="row">
        <div class="col-4 bg-success">
            <span class="text-nowrap">Submitted by: <span class="badge badge-primary">Usernameverylongusernameevenlongerthanthat</span></span>
        </div>
    </div>
</div>

使用Django模板代码和Bootstrap 4徽章的不间断空间

1 个答案: