引导程序中的填充

2024-01-27

我使用引导程序:

<div id="main" class="container" role="main">
<div class="row">
    <div class="span6">
        <h2>Welcome</h2>
        <p>Hello and welcome to my website.</p>
    </div>
    <div class="span6">
        Image Here (TODO)
    </div>
</div>  

Main 也有灰色背景。页面的背景是白色的。我遇到的问题是文本位于灰色背景的边缘。我想要一些填充,但是当我添加它时,图像范围会转到下一行。

有什么想法我哪里出错了吗?


我没有使用过 Bootstrap,但我在 Zurb Foundation 工作过。我曾经在上面添加这样的空间。

<div id="main" class="container" role="main">
    <div class="row">

        <div class="span5 offset1">
            <h2>Welcome</h2>
            <p>Hello and welcome to my website.</p>
        </div>
        <div class="span6">
            Image Here (TODO)
        </div>
    </div>

访问此链接:http://getbootstrap.com/2.3.2/scaffolding.html http://getbootstrap.com/2.3.2/scaffolding.html并阅读以下部分:偏移列。

我想我知道你做错了什么。如果您要应用填充span6像这样:

<div class="span6" style="padding-left:5px;">
    <h2>Welcome</h2>
    <p>Hello and welcome to my website.</p>
</div>

这是错误的。您要做的就是向内部元素添加填充:

<div class="span6">
    <h2 style="padding-left:5px;">Welcome</h2>
    <p  style="padding-left:5px;">Hello and welcome to my website.</p>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

引导程序中的填充 的相关文章

  • 使用 grunt 编译具有不同变量的 LESS

    我有基于 Bootstrap 的 HTML 模板 有不同的颜色 红色 绿色等 颜色正在改变使用 brand变量在variables less 现在我转到这个文件 更改变量 编译 less 文件 进入已编译的 css 文件目录并重命名 CSS
  • 如何在 Bootstrap 4 轮播中堆叠多个图像

    我不知道如何使用 Bootstrap 4 以及如何在一张幻灯片中显示多个小图像 例如缩略图 而不是让图像填充轮播的宽度 我已经使用下面的代码尝试了一些操作 但仍然无法堆叠很多图像 div class container h2 class t
  • Twitter 引导选项卡和 JavaScript 事件

    我正在一个项目中使用 twitter bootstrap 特别是它的选项卡功能 http twitter github com bootstrap javascript html tabs http twitter github com b
  • Bootstrap“navbar-brand”导致“navbar-nav”项目从导航栏中的中心位置向右移动?

    我正在尝试创建一个导航栏 其左侧有 品牌 LOGO 而实际的导航项目位于整个栏的中心 我正在使用默认的 Bootstrap 导航栏 因为我一周前才开始学习 Web 开发 到目前为止 情况是这样的 但是 您可以看到导航项稍微移动到页面实际中心
  • 为什么 Bootstrap 选项卡具有 role="presentation"?

    我正在开发一个从 Bootstrap 框架扩展的设计系统 关键目标之一是可访问性 在实现 Bootstrap 选项卡时 我发现它们适用role presentation 到其导航列表中的列表项 因此 我将 Bootstrap 模板中的一小块
  • 自定义 CSS 不适用于 Bootstrap

    首先我想说 我知道我的 HTML 并不是最高效或最干净的 我的问题是我编写的自定义 CSS 根本不适用于我的网页 Bootstrap 似乎工作得很好 但是当我尝试进行任何编辑或覆盖 Bootstrap 时 它完全不起作用 我知道我的自定义
  • Twitter bootstrap 3 RC2 - IE8 中的导航不起作用

    我正在使用 Twitter Bootstrap 3 RC2 在页面顶部创建一个导航栏 除了在 IE8 中之外 该导航栏工作正常 在 IE8 中 就像浏览器变小一样 因此菜单会折叠以供移动视图使用 但这种情况并非如此 现在我知道 TB3 仍在
  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格
  • 如何更改 bootstrap 版本 4 按钮颜色

    我可以通过更改 bootstrap v4 中的主题颜色来更改主按钮颜色 但它也会影响所有其他组件 如何设置主按钮颜色而不影响主题颜色 我不想设置品牌为主并实现它 还有其他选择吗 Bootstrap 4 1 2019 年更新 现在 Boots
  • 为什么 React 会删除我的类名?

    我正在学习 Reactjs 并且正在使用一些组件渲染一个简单的页面 该组件之一是 class Header extends React Component render return
  • 取消滚动 Twitter 引导程序的词缀

    我在传统网站布局的侧边栏上使用 Twitter bootstrap 的后缀 页眉 内容和侧边栏 页脚 在某个滚动点上 我希望它从页面上取消固定并返回到其原始位置 静态 因此它不会与页脚重叠 我试图只用 CSS 来摆弄它 但是由于 affix
  • 在 Bootstrap 中将图像居中

    我正在使用 bootstrap 3 0 创建一个网站 我是引导新手 我想要什么 当浏览器尺寸特别小时 我希望图像位于 div 的中心 我有这个代码 div class col lg 10 ccol lg offset 1 col md 12
  • 模态内的引导程序表单未正确对齐

    我尝试使用引导程序 水平形式 制作模式形式 并且该字段显示在标签下 知道如何修复它 以便输入文本框位于标签的右侧而不是标签的下方吗 div class modal hide fade div class modal header div d
  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc
  • 如何获取 Bootstrap Datepicker 更改时的年份和月份

    我是这个日期选择器的新手 我不知道如何获取更改事件的月份和年份字符串changeMonth and changeYear 这是该插件的链接 https github com eternicode bootstrap datepicker h
  • 使用 bootstrap 将搜索图标放入文本框中

    我默认使用引导程序 文本框占据列的全宽 我想将搜索图标放在文本框的末尾 我的代码是这样的 div class container div class row div class form group col lg 4 div div div
  • 如何在编译引导程序时修复较少的错误?

    附件是编译时使用的跟踪grunt dist webmaker Anils MacBook Pro bootstrap anil grunt dist Running clean dist clean task Running less co
  • Draggable JS Bootstrap 模式 - 性能问题

    对于工作中的项目 我们在 JavaScript 中使用 Bootstrap Modal 窗口 我们想让一些窗口可移动 但我们遇到了 JQuery 的性能问题 myModal draggable handle modal header Exa
  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst
  • 使用css bootstrap时如何仅向一列添加右边框?

    我正在尝试使用CSS引导框架 http getbootstrap com css tables在我的项目中 我正在使用带有以下类的表table table bordered table striped 我想删除除第一列之外的所有列的边框 这

随机推荐

  • Jquery-ui sortable 不适用于基于 Android 或 IOS 的触摸设备

    是否有任何修复可以使 Jquery ui 可在基于 Android 或 IOS 的触摸设备上进行排序 我建议jQuery UI 触摸打孔 http touchpunch furf com 我已经在 iOS 5 和 Android 2 3 上
  • 在 Swift 3 中读取 txt 文件

    我想知道如何读取txt文件并打印出文件的特定部分 例如 test txt 将包含 杰森16男自编程 乔什 15 男性朋友艺术 所以我正在寻找一种方法来单独打印每个单词和行 比如只打印 Jason 杰森16岁了 乔什喜欢艺术 这是我到目前为止
  • 如何将 I18n 语言环境字典从 gem 添加到 Rails 应用程序

    我有一个 gem 它使用驻留在 gems 文件夹内的 lib locales yml 中的 I18n 语言环境字典 当 gem 初始化时 我想将这些字典加载到我的 Rails 应用程序中 但我不知道如何 这是我尝试过的 I18n load
  • Automapper 通过继承映射基类

    我在使用自动映射器映射我的父类时遇到一些问题 给定以下类 我创建了一个映射配置文件 映射类 public class SourceClass public int SourceProperty1 get set public int Sou
  • 函数invisible()有什么作用?

    R帮助解释invisible 作为 返回对象的暂时不可见副本的函数 我很难理解什么invisible 是用来 你能解释一下什么吗invisible 这个功能何时有用 我见过那个invisible 几乎总是在方法函数中使用print 这是一个
  • 计算用户输入的偶数 PYTHON 3

    我必须创建两个函数 一个可以通过返回 t f 来判断一个数字是奇数还是偶数 另一个将调用第一个函数 然后返回有多少个偶数 到目前为止 这是我的代码 Even 0 2 4 6 8 IsEvenInput int input Please en
  • Visual Studio 2019 - 包未正确加载

    最近 每当我打开 Visual Studio 2019 时 我就开始收到错误 该错误总是指出 包未正确加载 或 未知错误 之类的内容 此错误反复出现并影响我安装的所有版本的 Visual Studio 2015 2017 和 2019 甚至
  • 如何使用C++在Linux中获取硬件信息

    我需要获取 Win 和 nix 机器上的硬盘规格 我用了
  • 使用 Paperclip 和 AWS S3 自定义 URL

    我们使用 Paperclip 和 aws sdk gem 在 Rails 应用程序中存储和显示图像 class User lt ActiveRecord Base has attached file image storage s3 s3
  • 为什么我需要强制 git 同步我的远程存储库?

    我有一个从远程存储库克隆的本地存储库 全部在一台计算机上 我想确保我的远程存储库从本地存储库中选择了更改 所以我做了一个git push origin 我将工作目录更改为远程存储库 更改已传播到日志文件 即执行git log显示了更改 但我
  • Rails - Rake 错误:库未加载

    我读过几乎所有关于 Rails 错误的文章 寻找解决我的问题的方法 虽然我已经解决了一些问题 但我还想出了更多 我升级到Snow Leopard 并根据 Agile Development with Rails 一书安装了RVM和Rails
  • 不使用排序函数将从数组接收的字符按字母顺序排列?

    所以 基本上 我用 java 创建了一个算法 从字符串中获取字符并计算其频率 现在 我需要按字母顺序打印它 例如 频率 3 d 频率 1 l 频率 5 有什么建议么 这是我到目前为止所拥有的 int charCounts String us
  • Hammer.js 平移事件仅适用于触摸设备,不适用于桌面计算机单击+拖动

    我使用这个标准代码进行平移 捏合 1 使用 Hammer js var mc new Hammer document body mc add new Hammer Pinch threshold 0 recognizeWith mc get
  • MS Access 在两个日期之间选择?

    我已经搜索过 但所有结果都无法帮助我理解 我需要选择 18 23 岁人员的姓名 所以我的尝试是 WHERE People Birth Between Now Year 18 And Now Year 23 我做错了什么 some date
  • 是什么导致 Firefox 在通过 POST 方法提交表单后发出 GET 请求?

    当通过 POST 方法提交表单时 是什么导致 Firefox 在 POST 请求后跟随 GET 请求 GET 方法发送到与 POST 方法相同的 url 但不带请求参数 如果将表单方法更改为 GET 则会产生两个相同的 GET 请求 这是
  • 在 MYSQL Workbench 中声明语法错误

    我如何在我的中声明和设置变量MYSQL WORKBENCH在存储过程中 它给出了一个语法错误 例如unexpected Declare sym在第一行有一个十字符号 我正在使用以下代码 Declare StartDate datetime
  • 如何知道int*数组的结尾?

    我正在制作一个动态数组int 数据类型使用malloc 但问题是 如何知道数组结束呢 没有相当于 0 for int 数据类型 那么 如何做到这一点呢 将大小作为函数的输出参数传递 C 不像其他一些语言那样管理数组长度 你可以考虑一个结构
  • iOS 配置文件未安装在一台特定设备上

    我最近分发了一个用于测试的应用程序 测试团队在安装该应用程序时遇到了问题 更具体地说是与该应用程序关联的配置文件 他们使用的是 iPhone 4 iOS 5 1 1 并收到 由于未知错误而无法安装配置文件 我习惯于在尝试安装的配置文件中未注
  • Java 8:为什么我无法将此二进制字符串解析为 long?

    长话短说 我正在用 Java 搞一些基本的遗传算法 我当时用的是long存储我的基因 但我在调试时使用二进制字符串以提高可读性 我遇到了一个奇怪的情况 我无法解析一些以 a 开头的二进制字符串1 我不知道是否总是如此 但似乎与长度为 64
  • 引导程序中的填充

    我使用引导程序 div class container div class row div class span6 h2 Welcome h2 p Hello and welcome to my website p div div clas