- Bootstrap是什么?
Bootstrap是一个基于前端框架的Web开发平台,可创建出色的响应式设计。 它快速,简便,并且具有使用HTML和CSS设计的多个模板。 这些模板用于表单,表格,按钮,版式,模型,表格,导航,轮播和图像。 Bootstrap还具有Javascript插件,这些插件是可选的。Bootstrap是开发移动Web应用程序的首选。- 为什么您更喜欢Bootstrap进行网站开发?
Bootstrap具有比其他Web开发平台更好的功能。 它为几乎所有已知的浏览器(例如Opera,Chrome,Firefox,Safari等)提供了广泛的浏览器支持。有了CSS和HTML的足够知识,Bootstrap上的Web开发就变得容易了。 此外,它在响应式设计的帮助下支持移动应用程序。 它可以根据设备,屏幕大小等来调整CSS。它不会创建多个文件,而是仅创建一个文件,从而减少了开发人员的工作量。- Bootstrap的关键组件是什么?
Bootstrap总共有五个关键组件,即CSS(多个CSS文件),脚手架(基本系统的必需组件,包括网格系统,背景和链接样式),布局组件:(共享所有布局的列表),JavaScript 插件(包括jQuery和JavaScript插件)和自定义(允许为所需框架自定义所有组件)。- Bootstrap提供多少种布局?
Bootstrap有两种主要布局,即流体布局和固定布局。 流畅的布局对于创建宽度100%并覆盖所有屏幕宽度的应用程序是必需的。 固定版式仅用于标准屏幕(940px)。 两种布局均可用于创建响应式设计。- 为什么在Bootstrap中使用Jumbotron?
Jumbotron在引导程序中具有非常基本的功能,即突出显示内容。 它既可以是标语,也可以是标题。 它增加了标题的大小,并为着陆页的内容提供了一个空白。 为了在Bootstrap中实现Jumbotron,请使用: 用.jumbotron类创建一个容器<div>例如:如果希望Jumbotron不会到达屏幕边缘,请使用<div class="container">。 Jumbotron可以具有任何有效的HTML以及其他函数和类。- 在Bootstrap中用于代码显示的两个代码标签是?
有两种在Bootstrap中显示代码的简单方法: <code>标记:如果希望显示内嵌代码,只需添加<code>标记;<pre>标签:如果代码中包含多行甚至是一个块元素,则可以使用<pre>标签来显示。- Bootstrap折叠元素是什么?
Bootstrap折叠元素是一种可以折叠任何特定元素而无需开发任何JavaScript代码甚至手风琴标记的方法。 现在,为了实现此元素,需要在controller元素中添加data-toggle=”collapse”。 要自动分配可折叠元素的控件,可以将data-target或href以及data-toggle=”collapse”一起使用。 还提供其他选项,例如:.collapse (options), .collapse ('hide'), .collapse ('show')。- Bootstrap中媒体对象的作用是什么?有多少种可用的类型?
在Bootstrap中,可以使用媒体对象添加图像,音频和视频。 可以将其放置在内容的左侧或右侧。 如果开发人员希望创建媒体元素,则可以使用.media类,其中将源指定为.media-object类。 通常有两种媒体对象,即.media和.media-list。- pagination在Bootstrap中的作用是什么,它们的分类是什么?
当必须由Bootstrap处理无序列表时,它将使用分页。 要处理该列表,可以使用不同的类,例如.pagination,.disabled,.active,.pagination-lg,.pagination类可对网页进行分页。 .disabled类用于使链接不可点击。.active类用于指示当前网页。.pagination-lg和.pagination-sm可用于获取不同大小的项目。- 创建基本或垂直表单的步骤是什么?
创建垂直或基本步骤可以遵循几个步骤: 首先,可以将角色表单添加到父<form>元素。其次,通过在<div>中包装标签和控件并使用类.form-group来添加适当的间距。最后,将类.form-control应用于不同的元素,例如<input>,<textarea>和<select>等等。- Bootstrap中的well是什么?
Bootstrap well是一个使内容显得凹陷的容器。 有时,它也可能在网页上产生插图效果。 因此,开发人员可以在<div>和.well的帮助下创建一个容器,并将内容包装在容器中。 内容将按照意愿显示。- 在Bootstrap中创建Nav元素的过程是什么?
Bootstrap中有几种样式导航元素,每种样式都使用相同的功能,即.nav类。 为了创建选项卡或表格导航,可以使用.nav类以简单或基本的无序列表开始。 要添加标签,可以使用功能.nav-tabs。- Bootstrap中的列表组是什么,它在哪里找到其应用程序?
当需要显示简单元素以及复杂元素以及自定义内容时,可以使用列表组。 可以使用.list-group类创建一个简单的列表,以帮助解决整个列表,而使用.list-group-item类仅引用该列表中的单个项目。- Bootstrap容器(container)是什么?
Bootstrap容器(container)是一个类,用于在网页中心创建一个用于放置内容的区域。 有行元素充当列的容器,从而构成了网格系统。 行用于创建水平列组。 使用.container函数,可以获得响应式设计,其中将包括所有其他HTML代码。- Bootstrap中的列顺序是什么?
列排序是Bootstrap中最有趣的功能之一。 通过使用适当的功能,可以轻松地并按定义的顺序编写列。也可以在另一列中显示它们。为了轻松更改或更改列的顺序,可以使用类.col-md-push-和.col-md-pull-。- 包装页面内容最合适的功能是什么?
为了包装页面的内容,可以使用类.container。 使用类.container,文本可以居中。- Bootstrap中超大屏幕的作用是什么?
设置class="jumbotron"可以制作超大屏幕,该组件可以增加标题的大小并增加更多的外边距。- Bootstrap中的导航都有哪些?
(1)导航元素:有class="nav nav-tabs"的标签页导航,还有class="nav nav-pills"的胶囊式标签页导航;
(2)导航栏:class="navbar navbar-default" role="navigation";
(3)面包屑导航:class="breadcrumb"- Bootstrap中有关元素浮动及清除浮动的class?
(1)class="pull-left" 元素浮动到左边
(2)class="pull-right" 元素浮动到右边
(3)class="clearfix" 清除浮动- 使用Bootstrap激活或禁用按钮要如何操作?
激活按钮:给按钮增加.active的class
禁用按钮:给按钮增加disabled="disabled"的属性
网友评论