引导图像大小的缩略图 - 我想没有框架

-1

<!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我写了我的意思。请家伙帮忙

来源

2016-06-28 Latrommi

你试过'.thumbnail {border：0;}'吗？ – DavidDomain

哦，我只是想通了！ .thumbnail { border：0 none; box-shadow：none; background-color：rgba（0，0，0，0）; } – Latrommi

我认为你的意思是回应，不负责任 – ZimSystem

使用下面的CSS来得到它。在你的bootstrap css的边框样式固定为border：1px solid #ddd;。那为什么有边界。

.thumbnail { 

border: 0px; 

}

来源

2016-06-28 14:07:12

我想通了，我用：

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

答案是背景颜色和边框:) 谢谢您的帮助（透明！）：d

来源

2016-06-28 14:09:54 Latrommi

删除来自.thumbnail的边框和阴影。

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

来源

2016-06-29 06:33:21 hdev

刚刚添加该你的风格：

.thumbnail{ 
    border: none; 
}

你可以通过这样的：

https://jsfiddle.net/azw9pdmv/

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

来源

2016-06-29 06:47:58

引导图像大小的缩略图 - 我想没有框架

回答

相关问题