Question

我需要帮助:( 这是我的代码：

<!DOCTYPE html>

<title>Bootstrap</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="cs">


<body>
<div class="container">
<div class="row">
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
    </div>
  </div>
  <div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
  </div>
</div>
<div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
  </div>
</div>
<div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
  </div>
</div>
<div class="col-lg-3 col-sm-6">
    <div class="thumbnail">
      <img src="http://png.clipart.me/graphics/thumbs/175/male-user-icon-vector-illustration_175552829.jpg">
  </div>
</div>

 <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">     </script>

我想在网站上放置图标，但我不想要任何框架。在我的照片上http://i.stack.imgur.com/vAPW4.jpg我写下了我的意思。请各位帮忙我想在网站上放置图标，但我不想要任何框架。在我的照片上http://i.stack.imgur.com/vAPW4.jpg我写下了我的意思。请各位帮忙

Answer 1

使用以下css获取它。在 bootstrap css 中，边框样式固定为 border：1px solid #ddd; 。这就是为什么有边界。

.thumbnail {

 border: 0px;

}

Answer 2

我刚想通了，我用过：

.thumbnail {
border: 0 none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
}

答案是背景色（透明度！）和边框:) 谢谢你的帮助：D

Answer 3

从.thumbnail中删除边框和阴影。

.thumbnail{
border:none;
box-shadow:none;
}

Answer 4

只需将其添加到您的风格中：

.thumbnail{
    border: none;
}

你可以通过这个：

https://jsfiddle.net/azw9pdmv/

你可以修改它以适合你的风格。

Bootstrap图像大小缩略图 - 我想要没有帧的响应方块

4 个答案: