0
請原諒我的行話，我剛剛進入Web開發並且溝通能力較差。從一個Bootstrap行溢出的文本隱藏在另一行的文本後
我使用自舉4的α和JQuery 3.
我有兩行一個流體容器內的聊天室：一個發送消息酒吧和收到消息柱（加上PM欄和用戶列表列）
這裏是我的代碼：
<div class="container-fluid">
\t \t <div class="row">
\t \t \t <!-- Chat View Column -->
\t \t \t <div class="col-sm-2">
\t \t \t \t <ul id="privateChats" class="list-group fixed" style=" margin-top:20px;">
\t \t \t \t </ul>
\t \t \t </div>
\t \t \t <!-- Message View Column -->
\t \t \t <div class="col-sm-8" style="float: left;">
\t \t \t \t <ul class="" id="messages" style="margin: 20px;"></ul>
\t \t \t </div>
\t \t \t <!-- Connected Users Column -->
\t \t \t <div class="col-sm-2">
\t \t \t \t <ul id="connectedUsers" class="list-group fixed" style=" margin-top:20px">
\t \t \t \t \t <div class="btn-group-vertical" style="width:100%">
\t \t \t \t \t </div>
\t \t \t \t </ul>
\t \t \t </div>
\t \t </div>
<!-- Send message bar -->
\t \t <div class="row">
\t \t \t <form action="">
\t \t \t <div class="col-lg-9 col-md-9 text-right">
\t \t \t \t <input type="text" id="m" style="width:100%; height:55px;" class="form-control" placeholder="Message" autocomplete="off" />
\t \t \t </div>
\t \t \t <div class="col-lg-3 col-md-3 text-left">
\t \t \t \t <button style="width:50%"><span class="fa fa-paper-plane" style="font-size:38px; color:white;"></span></button>
\t \t \t </div>
\t \t \t </form>
\t \t </div>
\t </div>當「消息視圖科拉姆n「填滿，文本消失在第二行後面，我看不到最近的消息。我該如何解決？
讓我知道如果我要補充
我加入了Javascript代碼更詳細，因爲我不反對使用JavaScript來解決問題
嗯，好一點，但是當我沒有超大窗口時它不起作用。當窗口較小時，它仍然隱藏最新消息 –
沒有看到這種情況。所以在第二個'.row'的css和媒體查詢'min-width .row'上添加'margin-bottom：153px;'768px或更大，添加'margin-bottom：98px'。如果你想要javascript，使用'$（「。row form」）.css（「height」）.extension（「px」，「」）'計算第二行高度的高度並在resize事件中設置1st那個計算值的行。我推薦並傾向於使用css版本 – pedrofsantos
「so margin-bottom：153px;第二個.row」的錯誤：第一個'.row'不是2nd（不能編輯我的最後一條評論） – pedrofsantos