html - Bootstrap 4响应式换行符

我在文档中找不到任何东西来指向正确的方向，我试图避免使用columns，因为这可能会在措辞之间留下空白。
我正在使用echo date('l') . "<br>" . date('F d, Y');在网站顶部显示日期。显示日期，但居中：
FridayNovember 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。

最佳答案

我从来没见过这个问题，但是，我的建议是：
在日期之间，您可以设置div clearfix，这个div只有md大小，所以您可以创建一个隐藏的sm和隐藏的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大小上分开日期。

关于html - Bootstrap 4响应式换行符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47107066/