我想我的問題真的很基本，但我更喜歡 BE 人，所以 FE 對我來說是一個黑魔法。我有 Ruby on Rails 應用程式，其中前端部分是標準的 Rails 視圖（帶有一些 ruby?? 部分的 HTML）。我想在現有的跨卡附加行中添加如下內容：
目前來看：
Issued: test Expires: 01/01/1900
我想添加額外的行：
Issued: test Expires: 01/01/1900
Terminal Rec Expires: 01/01/2000
這是我的代碼
<div class="row">
<div class="col-md-5 col-xs-5">
<span>Issued: test</span>
</div>
<div class="col-md-6 col-xs-6">
<span>Expires: 01/01/1900 %></span>
</div>
<div class="col-md-7 col-xs-7">
<span>Terminal</span>
</div>
<div class="col-md-8 col-xs-8">
<span>Rec Expires: 01/01/2000</span>
</div>
</div>
但我得到的不是預期的結果：
Issued: test Expires: 01/01/1900
Terminal
Rec Expires: 01/01/2000
uj5u.com熱心網友回復：
..所以你需要col-為 12 列添加行和修復類（看看工程師的評論）
<div class="row">
<div class="col-md-5 col-xs-5">
<span>Issued: test</span>
</div>
<div class="col-md-7 col-xs-7">
<span>Expires: 01/01/1900 %></span>
</div>
</div>
<div class="row">
<div class="col-md-5 col-xs-5">
<span>Terminal</span>
</div>
<div class="col-md-7 col-xs-7">
<span>Rec Expires: 01/01/2000</span>
</div>
</div>
如果你需要列的寬度相等，則必須設定col-md-6而不是col-md-5和col-md-7和col-xs分別
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/381551.html