Question

朋友您好我的bootstrap和<p>标签有问题。当我在<p>标记中添加一些大文本时，它不会调整到我定义的6列，它会保持连续到页面右侧占用所有空间。

如何让<p>标记内的文字始终占据前6个字符串？

＆＃13;

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<div class='container'>
<div class='row'>
<div class='col-sm-6'>
    <h2 class='text'>text</h2>
    <hr>
    <h4 class='text-warning'>Title</h4>
    <p>text content</p>
</div>

＆＃13;

Answer 1

只需将其添加为自定义样式，它将以您定义的列大小进行换行。

p{
    word-wrap: break-word;
}

查看here。

Answer 2

首先请务必关闭所有<div>代码。

然后确保显示所需的设备。类col-sm-6用于tabelt视图。如果您想在每台设备上添加6列，请添加以下类：col-lg-6 col-md-6 col-xs-6。

由于bootstrap是移动优先的，因此仅添加规则col-xs-6就足够了，因此每个设备上都有6列。

要了解有关网格和断点的更多信息，请访问： Bootstrap CSS并滚动到网格选项

在bootstrap上调整<p>宽度

2 个答案: