在 Bootstrap panel-body 的右上角显示文本 [英] Display a text in right-top-corner of Bootstrap panel-body

问题描述

我在 Bootstrap 面板中显示新闻内容
左边是图片，右上角应该是新闻日期

 
RenderImage(x.Image)<div class="pull-right" style="margin-top: 0;>日期()

但日期内容不在右上角.

解决方案

尝试像这样将内容包裹在行和列中.

<div class="row"><div class="col-xs-12"><div class="pull-right" style="margin-top: 0;>Date()</div>RenderImage(x.Image)

I show a news content into Bootstrap panel
left side is image and top-right side should be date of news

   <div class="panel-body">
        RenderImage(x.Image)
        <div class="pull-right"  style="margin-top: 0;>
            Date()
        </div>

But date content is not on top-right.

解决方案

Try wrapping the content inside row and column like this.

<div class="panel-body">
    <div class="row">
        <div class="col-xs-12">
            <div class="pull-right" style="margin-top: 0;>Date()</div>
            RenderImage(x.Image)
        </div>
    </div>
</div>

这篇关于在 Bootstrap panel-body 的右上角显示文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！