Html Boostrap,与图像相互下方的div
我试着用bootstrap把一些div放到彼此下面。我有一个html:Html Boostrap,与图像相互下方的div,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试着用bootstrap把一些div放到彼此下面。我有一个html: <div class="text-center linksblok"> <p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p> <div class="linkblok hidden-xs" ><a hr
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div class="img-responsive"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
我还添加了一个屏幕截图,它现在看起来是什么样子
但是,最低的绿色块必须与最高的绿色块在同一条线上。而且图像必须在同一条线上彼此精确地在一起
多谢各位
现在看起来是这样的,如果我这样做:
.linksblok div {
margin:20px;
display:block;
width:150px;
}
如果我这样做:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
然后看起来是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
一开始必须是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
但是如果你把它变小,那么它必须在彼此下面,但是要对齐(绿色的盒子)
我试着这样做:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
但看起来还是这样:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
我现在是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
而且它几乎起作用了。如果将其缩小,则渲染正确。但如果你是全屏的,它看起来是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
我现在是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
但最后一个标志仍然在其余的下面,而不是在同一条线上
我现在是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
但最后一幅图像仍然位于其他三幅图像的下方,而不是在同一行上使用显示块,然后根据需要定义块的宽度
.linksblok div {
margin:20px;
display:block;
width:150px;
}
看看这是不是你需要的 我认为您应该使用引导网格系统。看一看 应该是这样的:
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs col-sm-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-sm-4 col-sm-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
<div class="text-center linksblok">
<div class="row">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs" ><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div><a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a></div>
</div>
<div class="row">
<div class="linkblok hidden-xs" ><a href="https://www.vlietlandziekenhuis.nl/">Bekijk de site van ></a></div>
<div><a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-ms-12">
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-4">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-4">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-sm-4 col-lg-3">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-sm-4 col-lg-3">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
<div class="row top-buffer">
<div class="col-xs-8 center-block">
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
<div class="col-xs-6">
<img src="http://placehold.it/300x100">
</div>
</div>
</div>
</div>
如果您想要响应,您应该更改/添加类到col-xs-6 div
这里有一个代码笔,显示了它是如何工作的:
编辑:
编辑了代码笔:。我相信这就是你想要实现的
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<div class="linkblok hidden-xs col-md-3 col-sm-6">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-6">
<a href="http://www.sfg.nl"><img src="{channel.link('/designs/SFVG/SFG logo.png')}" alt="logo sfg"/></a>
</div>
<div class="linkblok hidden-xs col-md-3 col-sm-6">
<a href="http://www.sfg.nl">Bekijk de site van ></a>
</div>
<div class="img-responsive col-md-3 col-sm-6">
<a href="https://www.vlietlandziekenhuis.nl/"><img src="{channel.link('/designs/SFVG/Vlietland logo.png')}" alt="logo vlietland"/></a>
</div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
请检查我在jsfiddle上共享的演示,因为您使用的是引导,您可以通过将相互属于的div包装在一个row类中,然后添加一些跨距来对齐它们来解决这个问题。比如:
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="text-center linksblok">
<p><strong>Zoekt u specifieke informatie over een behandeling of uw ziekenhuis?</strong></p>
</div>
</div><br/>
<div class="row">
<div class="linkblok hidden-xs col-xs-offset-5 col-sm-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-xs-4 col-xs-offset-2"><a href="http://www.sfg.nl"><img src="http://placehold.it/300x100" alt="logo sfg"/></a></div>
</div><br/>
<div class="row">
<div class="linkblok hidden-xs col-xs-offset-5 col-xs-5"><a href="http://www.sfg.nl">Bekijk de site van ></a></div>
<div class="img-responsive col-xs-4 col-xs-offset-2"><a href="https://www.vlietlandziekenhuis.nl/"><img src="http://placehold.it/200x100" alt="logo vlietland"/></a></div>
</div>
</div>
</div>
Zoekt u就uw ziekenhuis的行为提供特定信息?
当然,您可以随意调整列的大小,但我认为这将帮助您调整内容
尝试执行以下操作:
Zoekt u就uw ziekenhuis的行为提供特定信息?
将此添加到css中-
.right{text align:right;}
希望这有帮助
--
更新-
检查这里。您实际上可以实现这一点,而无需使用您可以阅读的大量css。您应该开始掌握这个方法,因为在
引导中创建响应性布局时,它非常强大
你可以看到我创建的这个。只需使用这些值和css
。希望能有帮助。干杯。尝试在所有div上使用display:block,然后它们将占据父块的全部宽度。您正在使用引导,因此,您可以使用引导网格,通过使用行和列跨距,以代表性的方式对齐内容。.img responsive
需要应用于
,然后扩展到其父元素。谢谢。但现在看起来是这样的(见图)。它必须像第一张图片一样。但是下面的绿色块和上面的绿色块在同一条线上谢谢。但你到底改变了什么?因为我看不到你小提琴的高度:200像素谢谢你的answare。我会在星期一检查。对不起,这让它真的很乱。我添加了一个JSFIDLE,请检查,如果我正确理解了你的问题。这就是你想要的?我只看到两张图片。不是绿色的盒子。查看我的屏幕截图如果我看对了小提琴,它会显示两个绿色框。查看屏幕截图[关于小提琴我在我这边看到的,对你来说不一样吗?谢谢。但是我看不到截图我的意思是,如何使绿色块相同?谢谢你可以检查这个小提琴--还编辑了我的代码。嗨,Abr,但这是两个图像。长度不一样。我描述了四个单位:两个绿色块和两个图像。就像在屏幕上一样但是我在你的例子中看到,如果我把屏幕缩小,四个imag