2016-05-30 72 views
1

在調整屏幕大小時,我注意到使用底部的MaterializeCSS頁腳使文本消失。例如: https://jsfiddle.net/6n6a71bz/MaterialiseCSS頁腳文本消失

具體來說這部分:

 <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> 

所有文本出現在較大的屏幕。此外,當我嘗試使用換行符標記時,它不會創建新行。當我嘗試製作行和列時會發生同樣的情況。關於如何製作所有文本的任何想法都會出現?

回答

0

你應該嘗試使用Materialise的網格系統在您的頁腳部分太

<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>

+0

感謝您的答覆!但是,對於列,它仍然不像我想要的那樣顯示出來。調整大小時它會消失。 – DarkTakua