html – 将引导程序面板宽度设置为文本宽度

html – 将引导程序面板宽度设置为文本宽度,第1张

概述我是 HTML / Boostrap的新手,所以这可能相当简单 – 如何将面板宽度 a bootstrap panel设置为文本的长度? 如果面板不可能,是否有类似的引导程序组件,任何人都知道我可以使用?我见过的最接近的是labels,但它们太小了. 使Bootstrap面板更加适度 让我们使用Basic panel example.我们必须将display属性设置为两个类的内联块:.panel和 我是 HTML / Boostrap的新手,所以这可能相当简单 – 如何将面板宽度 a bootstrap panel设置为文本的长度?

如果面板不可能,是否有类似的引导程序组件,任何人都知道我可以使用?我见过的最接近的是labels,但它们太小了.

解决方法 使bootstrap面板更加适度

让我们使用Basic panel example.我们必须将display属性设置为两个类的内联块:.panel和.panel-body.

我们可以通过使用特殊的CSS类或ID来实现.检查结果:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/CSS/bootstrap.min.CSS');#modest,#modest .panel-body,.panel-modest,.panel-modest .panel-body {  display: inline-block;}
<div >  <div >    Basic panel example  </div></div><div >  <div >    Modest panel uses class  </div></div><div ID="modest" >  <div >    Modest panel uses ID  </div></div>
总结

以上是内存溢出为你收集整理的html – 将引导程序面板宽度设置为文本宽度全部内容,希望文章能够帮你解决html – 将引导程序面板宽度设置为文本宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1085011.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存