比较来自世界各地的卖家的域名和 IT 服务价格

在题字中心和图像中对齐一部短片 Twitter 启动下载旋转木马模板

我正在尝试将签名与绘图在中心和图像下对齐
Featurette

在旋转木马模板 Twitter Bootstrap:

http://getbootstrap.com/2.3.2/ ... .html
有谁知道如何完成,使其仍然响应? 我试图添加它 HTML:


<figure>
<img class="featurette-image pull-right image-responsive" src="../images/file.jpg"/>
<figcaption>Caption here</figcaption>
</figure>


那就是 CSS:


figure {
display:inline-block;
margin:10px;
vertical-align:top;
}

figure img {
display:block;
margin:0 auto;
}

figcaption {
display:block;
padding:8px;
}


... 到现有的模板代码,但它甚至没有关闭。 是否有一个简单的解决方案,它在旋转木马模板中工作 HTML/CSS?

这是一般分区特性。 HTML:


<div class="featurette">
<a href="#" target="_blank">
<figure>
<img class="featurette-image pull-right image-responsive" data-toggle="tooltip" src="../images/image.jpg" title="title"/>
<figcaption>test</figcaption>
</figure>
</a>
<h2 class="featurette-heading">Text: <span class="muted">Text</span></h2>
<p class="lead">Some text.</p>
</div>


以浏览器图标的三张大图像为中心的签名是准确的!
http://getbootstrap.com/2.3.2/ ... .html
已邀请:

三叔

赞同来自:

添加文本到对齐:居中


<figure>
<img src="[url=http://24.media.tumblr.com/5b3863c2aa84715bec39a06b7b4fa63b/tumblr_mytjrmq67H1rnq2uxo5_400.png">]http://24.media.tumblr.com/5b3 ... gt%3B[/url]
<figcaption>Caption here</figcaption>
</img></figure>



figure {
display:inline-block;
margin:10px;
vertical-align:top;
text-align: center ;
}


http://jsfiddle.net/3cWgJ/1/
-版本 JSFIDDLE

CSS 更新:


.carousel-caption {
background-color: transparent;
position: static;
max-width: 550px;
padding: 0 20px;
margin-top: 200px;
text-align: center;
margin: 200px auto;
}



这是您享受的决定!


<div class="featurette">
<figure class="row">
<img class="featurette-image pull-right" src="[url=http://getbootstrap.com/2.3.2/assets/img/examples/browser-icon-chrome.png"/>]http://getbootstrap.com/2.3.2/ ... gt%3B[/url]
<figcaption></figcaption>
</figure>
<h2 class="featurette-heading text-center">First featurette headling. <span class="muted">It'll blow your mind.</span></h2>
<p class="lead text-center">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>



http://jsfiddle.net/4kcFv/
http://jsfiddle.net/4kcFv/embedded/result/

要回复问题请先登录注册