html - Bootstrap 组件上的填充

标签 html css twitter-bootstrap padding

我正在使用 bootstrap 但不确定我是否正确使用了这些列

我似乎无法正确设置边距和填充。

请看下图和JS Fiddle

enter image description here

  <div class="row">
                <!-- MAIN LEFT CONTENT! -->
                <div class="col-lg-9">

                    <div class="panel panel-default">
                         <div class="panel-body">
                            <div class="alert alert-info">
                               <p><span>Pending approval</span>.Your profile is bring approved. This means others can't search for you just yet.</p>
                            </div>
                              <div class="col-lg-5 col-sm-4 col-xs-5 hot-not">
                               <div class="row">
                                  <div class="thumbnail">

最佳答案

规则 .col-xs-5(第 793 行)固定宽度:

.col-xs-5 {
  width: 41.66666666666667%;
}

将其设置为 50%:

.col-xs-5 {
  width: 50%;
}

关于html - Bootstrap 组件上的填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21578753/

相关文章:

javascript - 将父 div 平滑地增长到添加的子 div 的高度 - Javascript

javascript - JS - 解析\n 和其他对象到相关 HTML

html - 将 li 中的文本居中,在 div 中的 ul 中居中

css - 如何将背景图像的中心与其包含 div 的左侧对齐?

javascript - Sticky Bootstrap 列应该以 parent/content 结尾

html - CSS Glyphs 不适用于 MaxCDN 或缓存服务

jquery - 如何更改 jquery.ui selectmenu 的字体或大小?

CSS 多列布局 - Chrome 不允许右列比左列长?

css - 无法让 z-index 处理定位元素

css - 为什么将 CSS 类置于其他类之上会完全改变其他不相关的类?