Question

调整屏幕大小后，我注意到使用底部的MaterializeCSS页脚使文本消失。例如： https://jsfiddle.net/6n6a71bz/

特别是这部分：

        <div class="footer-copyright">
        <div class="container">
        © 2016 Copyright OTS, Inc. All rights reserved. Created by <a href="#" class="blue-text text-lighten-4">SS</a>.  Not affiliated with OTS, made for educational purposes. 
        <div class="right"><a class="grey-text text-lighten-4" href="#!"> Terms of Use / Legal</a> | <a class="grey-text text-lighten-4" href="#">Privacy Policy</a></div>

        </div>
      </div>

所有文字都显示在较大的屏幕上。此外，当我尝试使用换行标记时，它不会创建一个新行。当我尝试创建行和列时也会出现同样的情况。关于如何制作所有文字的任何想法都会出现？

Answer 1

你也应该尝试在页脚部分使用实体网格系统

<div class="footer-copyright">
    <div class="container">
        <div class="row">
            <div class="col s12 m12 l12">
                © 2016 Copyright OTS, Inc. All rights reserved. Created by <a href="#" class="blue-text text-lighten-4">SS</a>.
                Not
                affiliated with OTS, made for educational purposes.
            </div>
        </div>
        <div class="row">
            <div class="col s12 m12 l12 right"><a class="grey-text text-lighten-4" href="#!"> Terms of Use / Legal</a> |
                <a class="grey-text text-lighten-4" href="#">Privacy Policy</a>
            </div>
        </div>
    </div>
</div>

MaterialiseCSS页脚文本消失

1 个答案: