在题字中心和图像中对齐一部短片 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
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    三叔

    赞同来自:

    添加文本到对齐：居中


    <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/
    2021-03-21 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved