Question

<!DOCTYPE html>
<html>
<title> MyBLOG </title>
<head>


 <link rel="stylesheet" type="text/css" href="css/bootstrap_costumize.css" />
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

 <script src="css/js/bootstrap.js"></script>
 <script src="css/js/bootstrap.min.js"></script>
</head>

<body>
   <nav class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
         <div class="navbar-brand"> This is a Logo </div>
         </div>
         <ul class="nav navbar-nav pull-right" >
             <li><a href="#">Home</a></li>
             <li><a href="#">About us</a></li>
             <li><a href="#">Contact us</a></li>   
         </ul>

   </nav>

        <div class="row">
      <div class="col-md-2 col-md-offset-1">
         <div class="img">
           <img src="img/blog_picture_1.jpg" />
         </div>
         <div class="img">
       <img src="img/blog_picture_2.jpg" />
     </div>
     <div class="img">
       <img src="img/blog_picture_1.jpg" />
     </div>
     <div class="img">
       <img src="img/blog_picture_2.jpg" />
       </div>
     </div>
</div>



</body>

</html>

这是php代码，这从上到下显示图像如何从左到右显示内嵌图像？

我也在努力如何在img和div中连接css选择器hehe可以sum1请详细说明方法shoud我感谢你:)）

Answer 1

由于您的图片都包含在div类.img中，因此请在CSS中写下以下内容。

.img { display: inline; }

如何在bootstrap中使用css内联显示图像？

1 个答案: