【发布时间】:2016-03-03 07:05:00
【问题描述】:
我正在尝试在我正在为大学作业设计的网站中使用 bootstrap framework,尽管我尽了最大努力,但 bootstrap 并不想很好地发挥作用。
在 Chrome 中打开页面后,我可以打开控制台,但它抱怨找不到引导文件(请参阅 [img])。我在名为 httpdocs 的文件夹中有 html 文件,在 assets 文件夹中有一个名为 assets 的文件夹,其中包含 js、css 和 img 文件夹。链接如下:
<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
我对 html/css/jquery 并不完全陌生,据我所知路径应该正确链接,但由于某种原因它不是。有什么想法吗?
[
<!-- start section body -->
<div class="container>
<div class="row">
<div class="span9">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
只是为了涵盖所有基础,我应该这样标记它吗?我在页面左侧有一个侧边栏,从页面的最左侧跨越220px,我希望段落中的文本不会被该侧边栏隐藏。考虑到这一点,我如何将段落的 div 偏移到侧边栏边缘和屏幕边缘之间的中心?
我看到使用以下内容的教程。这是旧版本的引导程序还是我试图使用错误的东西?
<div class="col-lg-9 col-lg-offset-3">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
【问题讨论】:
-
请显示您加载/需要引导文件的代码
-
像 span9 这样的类适用于旧版本的 bootstrap,而像
col-*这样的类适用于较新版本的 bootstrap。你在尝试什么版本? -
使用 col-lg-9 col-lg-offset3 的 sn-p 是最新的 afaik。我通常在使用引导列格式时使用这些类。它应该会为您产生所需的效果。
-
我已更新 OP 以包含链接文件的代码。我正在使用我认为的最新稳定版本; v3.3.6 注意:我确实尝试了 col-lg-9 col-lg-offset9 并给出了相同的结果。
-
首先,您的样式表的
href值包含一个尾随>。
标签: jquery html css twitter-bootstrap