Question

是否有任何来源实现社交媒体（主要是推特）图标？

目前我已考虑内置测试。但它没有正确对齐。对此有何帮助？

我还希望第一行有4列。但它在列时只显示2。为什么呢？

在此链接中：https://jsfiddle.net/karimkhan/nzxd5r3r/6/

虽然我应用了4个cols，但是在第一个原始2列中，图标似乎未对齐。

有没有办法为每个标签添加推特图标？

   <div class="container">
        <div class="row">
                <div class="col s3 m5">
                    <div class="card-panel green accent-4">
                      <span class="white-text">Tweets
                      </span>
                    </div>
                </div>
                <div class="col s3 m5 ">
                    <div class="card-panel deep-orange accent-2">
                         <i class="material-icons">repeat</i>
                      <span class="white-text">Retweet
                      </span>
                    </div>
                </div>
                <div class="col s3 m5">
                    <div class="card-panel green accent-4">
                      <span class="white-text"> Favourite
                      </span>
                    </div>
                </div>
                <div class="col s3 m5 ">
                    <div class="card-panel deep-orange accent-2">
                      <span class="white-text"> Score
                      </span>
                    </div>
                </div>
        </div>
        <div class="row">
                <div class="col s4 m5">
                    <div class="card-panel teal">
                      <span class="white-text">I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
                      </span>
                    </div>
                </div>
                <div class="col s4 m5">
                    <div class="card-panel light-blue accent-4">
                      <span class="white-text">I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
                      </span>
                    </div>
                </div>
                <div class="col s4 m5">
                    <div class="card-panel light-blue accent-4">
                      <span class="white-text">I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
                      </span>
                    </div>
                </div>
        </div>

Answer 1

为了在第一行获得4列结构，您需要更改col s3 m5 到col s3 m3。这意味着在你的12列网格中你有4张牌，当屏幕尺寸为中等时，每张卡将占据3列（m3 + m3 + m3 + m3 = 12）（即你的css中提到的超过601px）。

欲了解更多信息，请访问以下链接：

http://materializecss.com/grid.html

添加推特图标并正确对齐

1 个答案: