html - Bootstrap 删词-6ren

html - Bootstrap 删词

转载作者：行者123 更新时间：2023-11-28 01:26:11

24

4

我开始自己学习 bootstrap 4，我很难理解为什么 bootstrap 只在我的浏览器上显示我的页脚的一部分(即我只能看到“隐私政策”)。我什至尝试在顶部创建标签，但无法显示。菜单部分没问题。下面是我的索引文件中的 HTML。我的 CSS 文件中还没有内容。任何建议都非常受欢迎。下面还有一张图片；

Bootstrap clipping words

    <!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, 
    shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/style.css">

    <title>Gamma</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
      <div class="container">
        <a class="navbar-brand em-text" href="index.html">Gamma</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="#navbarsExample09" aria-expanded="false" aria-label="Toogle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

      <div class="collapse navbar-collapse" id="navbarsExample09">
        <ul class="nav navbar-nav mr-auto">
            <li class="active"><a href="index.html" class="nav- 
            link">Home</a</li>
            <li><a href="about.html" class="nav-link">About</a></li>
            <li><a href="contact.html" class="nav-link">Contact</a></li>
        </ul>
      </div>
    </div>
    </nav>

    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-7 col-sm-12">
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Contact</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>
          </div>
          <div class="col-lg-6 col-md-7 col-sm-12">
            <p>Copyright &copy;2017, All Rights Reserved</p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/js/jquery.min.js"></script>
    <script src="/js/tether.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
  </body>
</html>

最佳答案

您的列有超过 12 个单位。看起来您缺少版权 div 周围的 行。

它应该是这样的吗？

    <div class="row">
      <div class="col-lg-6 col-md-7 col-sm-12">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
    <div class="row>
      <div class="col-lg-6 col-md-7 col-sm-12">
        <p>Copyright &copy;2017, All Rights Reserved</p>
      </div>
    </div>

有关详细信息，请参阅此处的引用资料:https://getbootstrap.com/docs/4.0/layout/grid/

关于html - Bootstrap 删词，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51234013/

24

4

0

文章推荐： javascript - 我正在尝试打开一个具有某种效果的模态窗口

文章推荐： javascript - Jstree issue- 只执行一次

文章推荐： php - 如何使用 php DomDocument 获取特定标签的 html

文章推荐： html - Bootstrap 三列布局折叠

MySQL学习笔记之数据的增、删、改实现方法
本文实例讲述了MySQL学习笔记之数据的增、删、改实现方法。分享给大家供大家参考，具体如下： 1、增加数据插入代码格式： insert into 表明 [列名…] values (值…)
PHP中对数组的一些常用的增、删、插操作函数总结
有时候我们需要扩展一个数组，或者删掉数组的一部分，PHP为扩展和缩小数组提供了一些函数。对于那些希望模仿各种队列实现（FIFO、LIFO）的程序员来说，这些函数可以提供便利。顾名思义，从这些函数的函
C#代码操作XML进行增、删、改操作
作为一个小型的数据存储传递的工具——xml，大家肯定也不陌生，今天就关于xml的一些简单操作做些总结。这些都是在控制台进行操作的····&m
PHP连接MySQL进行增、删、改、查操作
话不多说，请看代码： ? 1
mysql语句实现简单的增、删、改、查操作示例
本文实例讲述了mysql语句实现简单的增、删、改、查操作。分享给大家供大家参考，具体如下： 1、创建db_shop数据库，如果该数据库不存在则创建 ?
oracle监控某表变动触发器例子(监控增,删,改)
使用oracle触发器实现对某个表的增改删的监控操作,并记录到另一个表中。代码：复制代码代码如下: create or replace trigger test_trigge
java连接数据库增、删、改、查工具类
java连接数据库增、删、改、查工具类数据库操作工具类，因为各厂家数据库的分页条件不同，目前支持Mysql、Oracle、Postgresql的分页查询在Postgresql环境测试过了，其他
使用DataTable更新数据库(增,删,改)
1、修改数据复制代码代码如下: DataRow dr =
.NET使用P/Invoke来实现注册表的增、删、改、查功能
注册表可以用来进行存储一些程序的信息，例如用户的权限、或者某些值等，可以根据个人需要进行存储和删减。当前注册表主目录：引用包 Wesky.Net.OpenTools 1.0.5或
Numpy array数据的增、删、改、查实例
准备工作：增、删、改、查的方法有很多很多种，这里只展示出常用的几种。 ?
Android--SQLite（增，删，改，查）操作实例代码
需要5个类： 1.实体类：Person.java 2.抽象类:SQLOperate.java(封装了对数据库的操作) 3.助手类：DBOpenHelper.java(继承SQLiteOpenH
浅析C++中单链表的增、删、改、减
首先是是一个简单的例子，单链表的建立和输出。程序1.1 复制代码代码如下: #include<iostream> #include<string> using na
简单的php数据库操作类代码(增,删,改,查)
数据库操纵基本流程为：　　1、连接数据库服务器　　2、选择数据库　　3、执行SQL语句　　4、处理结果集　　5、打印操作信息　　其中用到的相关函数有 •resource m
Struts2实现CRUD(增删改查)功能实例代码
CRUD是Create（创建）、Read（读取）、Update（更新）和Delete（删除）的缩写，它是普通应用程序的缩影。如果您掌握了某框架的CRUD编写，那么意味可以使用该框架创建普通应用程序了
php开发留言板的CRUD(增，删，改，查)操作
项目结构：添加页面： &
Android操作SQLite数据库(增、删、改、查、分页等)及ListView显示数据的方法详解
本文实例讲述了android操作sqlite数据库(增、删、改、查、分页等)及listview显示数据的方法。分享给大家供大家参考，具体如下：由于刚接触android开发，故此想把学到的基础知识
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
总括 pandas的索引函数主要有三种： loc 标签索引，行和列的名称 iloc 整型索引（绝对位置索引），绝对意义上的几行几列，起始索引为0 ix 是 iloc 和 loc的合体 at
Spring3.1.1+MyBatis3.1.1的增、删、查、改以及分页和事务管理
1. [代码]Mybatis全局配置文件 ? 1

首页

博学

6Ren·AI

商城

html - Bootstrap 删词