角度材料图标造型

时间:2017-05-25 20:32:11

标签: html css angular styles material

我正在尝试将控件对齐在一行中。我尝试了不同的填充/边距。我怎样才能做到这一点?

enter image description here

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-3">
    <div class="row text-center m5"> 
    <div class="col-xs-4 p5">
        <a href="http://dcc.dickinson.edu"><img id="DCC-logo" class="img-responsive" src="http://placehold.it/150x150"></a></div>
        <div class="col-xs-4 p5">
        <a href="http://www.cipl.ulg.ac.be/Lasla/"><img id="LASLA-logo" class="img-responsive" src="http://placehold.it/150x150"></a></div>
        <div class="col-xs-4 p5">
        <a href="http://tdh.brynmawr.edu/"><img id="TriCoDH-logo" class="img-responsive" src="http://placehold.it/150x150"></a></div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

你有两个问题,

第一个是你的按钮缺少角度材料样式,第二个是你应该学习CSS,然后跳转到像Angular这样的任何javascript框架,无论如何我为你做了一个关于Plunker的工作演示:

检查出来:{{HERE}}

enter image description here

我刚刚添加了几个CSS选择器,我就像这样使用了flexbox:

<link href="get code here" rel="stylesheet" type="text/css">

我希望这有帮助,如果您还有任何问题,请告诉我