Question

我试图在bootstrap v3中设计一个页面标题＆＃39;以及＃39; DIV。此标头应包含标题（左侧的大文本），最后更新的时间戳（左下角）和小型登录工具栏（右下角）。这很好用，但现在我试图在最后更新和登录工具栏div周围添加一个填充边框，似乎只有文本本身留在井内，填充边框溢出井底。 / p>

请参阅此bootply以获取示例：http://www.bootply.com/127078

有任何想法如何解决这个问题？

Answer 1

如果你将overflow属性添加到你的css元素.well-titlebar，那应该修复它

.well-titlebar{
    overflow:hidden;
}

Answer 2

如果你在你的两个浮动div上放置另一个div，其上有clearfix类，应该将它排序。

<div class="well well-titlebar">
    <div class="PageTitleText">Page title!</div>
        <div class="clearfix">  
            <div class="PageTitleLastUpdated">Last Updated:February 25 2014.</div>
                <div class="PageTitleLogon">Logged on as: Alex Goris (<a href="http://localhost/Login.php?Action=Logout">Logout</a>):
    <a href="#"><span onclick="OpenUserInfoWindow('0008')">View Profile</span></a>| <a href="#"><span onclick="OpenUserEditWindow('0008')">Edit Profile</span></a>
            </div>
    </div>
</div>

http://www.bootply.com/127089

Bootstrap v3：井中的文本框溢出

2 个答案: