添加字体真棒图标到W3 col

-1

我添加了W3C分隔一些地址。现在我想添加地址和电话等前面的图标，但它无法。该代码的朋友有什么错？添加字体真棒图标到W3 col

<p style="font-size:24px;">Keep In Touch With Us</p> 
 
<div class="w3-row"> 
 
    <div class="w3-col w3-container" style="width:19%; margin-left:2%;"> 
 
    <p> 
 
<ul class="demo"> 
 
<li><i class="fa fa-map-marker" aria-hidden="true"></i> Pink Maid Beauty Salon (Main Centre), <br>No. 789, <br>High Level Road, <br> Colombo 02</li> 
 
    <li><i class="fa fa-phone" aria-hidden="true"></i> 011-2298024 <br>077-3053912</li> 
 
    <li>[email protected]</li> 
 
    <li>8.00 A.M - 6.00 P.M</li> 
 
    
 
</ul></div> 
 

 
    <div class="w3-col w3-container" style="width:19%"> 
 
    <p><ul class="demo"> 
 
    <li><i class="fa fa-map-marker" aria-hidden="true"></i> Pink Maid Beauty Salon (Branch), <br>No.261/1, <br> Sri Dewamiththa Rd, <br>China Garden,Galle</li> 
 
    <li>091-2212345 <br> 071-4229276</li> 
 
<li>[email protected]</li> 
 
    <li>8.00 A.M - 6.00 P.M</li> 
 
    
 
</ul></div>

来源

2017-05-30 Iresha Shyamean

请添加字体真棒CSS库链接。 – xxCodexx

@xxCodexx它正在工作。非常感谢 –

我已经更新了字体真棒网址的代码。它似乎在工作。请检查。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<p style="font-size:24px;">Keep In Touch With Us</p> 
 
<div class="w3-row"> 
 
    <div class="w3-col w3-container" style="width:19%; margin-left:2%;"> 
 
    <p> 
 
<ul class="demo"> 
 
<li><i class="fa fa-map-marker" aria-hidden="true"></i> Pink Maid Beauty Salon (Main Centre), <br>No. 789, <br>High Level Road, <br> Colombo 02</li> 
 
    <li><i class="fa fa-phone" aria-hidden="true"></i> 011-2298024 <br>077-3053912</li> 
 
    <li>[email protected]</li> 
 
    <li>8.00 A.M - 6.00 P.M</li> 
 
    
 
</ul></div> 
 

 
    <div class="w3-col w3-container" style="width:19%"> 
 
    <p><ul class="demo"> 
 
    <li><i class="fa fa-map-marker" aria-hidden="true"></i> Pink Maid Beauty Salon (Branch), <br>No.261/1, <br> Sri Dewamiththa Rd, <br>China Garden,Galle</li> 
 
    <li>091-2212345 <br> 071-4229276</li> 
 
<li>[email protected]</li> 
 
    <li>8.00 A.M - 6.00 P.M</li> 
 
    
 
</ul></div>

来源

2017-05-30 14:25:17 xxCodexx

添加字体真棒图标到W3 col

回答

相关问题