Bootstrap 4响应式换行符

Question

我在文档中找不到任何指向我正确方向的信息，并且我试图避免使用它，columns因为这可能在措辞之间留下空白。

我正在使用在网站顶部显示日期日期echo date('l') . "<br>" . date('F d, Y');。这样显示日期但居中：

Friday November 03, 2017

我希望在小屏幕（例如电话）上显示为Friday November 03, 2017没有换行符。

我知道我可以轻松地做到这一点并实现它，但是由于各列的大小相等，所以这会在单词之间造成间隙：

<div class="row">
<div class="col-sm-6 col-md-12">
<?php echo date('l'); ?>
</div>
<div class="col-sm-6 col-md-12">
<?php echo date('F d, Y'); ?>
</div>

还有其他方法可以做到这一点吗？

我的意思是差距是Friday [gap here due to column space] November 03, 2017。

Answer 1

我从来没有看到这个问题，但是，我的建议是：

在日期之间，您可以设置一个div clearfix，该div只有md大小，因此您可以创建一个hidden-sm和hidden-xs类，例如：

<div class="row">
       <div class="col-sm-6 col-md-12">
       <?php echo date('l'); ?>
      <div class="clearfix hidden-xs hidden-sm"> </div>


    <?php echo date('F d, Y'); ?>
       </div>
    </div> 

这是正确的？clearfix div仅以lg和md大小分隔日期。