我面临的问题是,我有2列。
1:图像
2:面板
当我调整浏览器窗口的大小时,与面板相比,图像高度正在减小。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
<div class="col-md-6 col-sm-6">
<a target="_blank" href="">
<div class="theme_view">
<img class="img-responsive" src="http://www.w3schools.com/css/img_fjords.jpg" alt="">
</div>
</a>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="panel panel-default set_padding_0 set_margin_0" >
<div class="panel-heading text-center">
<span class="font_size_14">Theme Name</span>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="radio">
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="radio">
<label class="i-checks">
<input value="option2" checked="" disabled="" type="radio">
<i></i>
Personal Domain Name
</label>
</div>
</div>
</div>
我在哪里缺少?
任何帮助都会很棒。
谢谢。
最佳答案
尝试这个:
您可以指定高度
<img class="image" src="http://www.w3schools.com/css/img_fjords.jpg" alt="">
.image {
height: 650px;
width: 100%;
object-fit: cover; // here
}