Question

＆＃13;

.social-links {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
  list-style: none;
}
.social-links li a:hover,
.social-links li a:focus {
  color: #fff;
  outline: none;
}
.social-links .nav li a {
  font-weight: 400;
  letter-spacing: 1px;
 }
.phone{
 float: right;
 display: inline-block;
 list-style: none;
}

＆＃13;

 <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<div class="top-bar">
        <div class="container">
             
            <ul class="social-links list-inline">
            <li><a class="fa fa-facebook text-primary"></a></li>
            <li><a class="fa fa-twitter text-primary"></a></li>        
            <li><a class="fa fa-instagram text-primary"></a></li>
            <li><a class="fa fa-linkedin text-primary"></a></li>
            </ul>
           
            <ul class="phone list-inline">
            <li><a class="fa fa-phone text-primary"></a></li>
            
            </ul>
                    
     
</div>

＆＃13;

尝试将图标内联并将浮动手机设置在引导程序中，但我无法使其工作，我不知道为什么我无法让这些课程以唯一的方式工作我使用style =＆＃34;＆＃34;在ul里面

无法弄清楚为什么这门课不起作用

0 个答案: