阻止 div 繼承 bootstrap div 的寬度
[英]Stop div from inheriting bootstrap div's width
問題描述
我有這段代碼：
<div class="col-md-9 offset-md-3">
<div class="chatbot-botchat-user">
<p>Sino ang magaakalang mahal kita?</p>
</div>
</div>
基本上chatbot-botchat-user是從col-md-9繼承它的寬度所以它填充整個 div 而不是符合內容：
如您所見，文本左側有一個空格。 我想要發生的是藍色背景顏色不符合col-md-9的寬度但符合內容
這是我的 CSS 代碼：
.chatbot-botchat-user {
background-color: #007bff;
color: white;
text-align: right;
}
.chatbot-botchat-user, .chatbot-botchat {
padding: 5px 10px;
margin-top: 10px;
border-radius: 12px;
display: inline-block;
}
1 個解決方案
解決方案1
0 2020-05-12 13:54:32
在您的 HTML 文件的head部分，將您的自定義 css 文件向下移動，使其始終位於引導程序 cdn 鏈接下方。
<head>
//Bootstrap CDN
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
//Your custom CSS file
<link rel="stylesheet type="text/css" href="path_to_css_file/style.css">
<head>
在這種情況下，您 css 文件中的代碼會覆蓋引導程序代碼。
祝你好運！
我的孩子div的不透明度不斷從其父繼承。 如何停止這種行為？
[英]My child div's opacity keeps inheriting from its parent. How can I stop that behavior?
CSS / HTML浮動div繼承了父級的寬度，而不響應已定義的寬度，這是怎么回事？
[英]CSS/HTML floating div inheriting parent's width and not responding to defined width, what's wrong?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.