摘要: 菜单、按钮及导航 一、下拉菜单 1、基本用法 使用方法: 在使用Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。我们来简单的看看: 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div 阅读全文
posted @ 2020-07-08 17:01 碧果果 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 网格系统 一、工作原理 Bootstrap框架中的网格系统就是将容器平分成12份。 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> 阅读全文
posted @ 2020-07-08 14:08 碧果果 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 表单 一、基础表单 表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 二、水平表单 在<form>元素上使用类名“form-horizontal” <form class="form-horizontal" role="form"> <div class="fo 阅读全文
posted @ 2020-07-08 11:02 碧果果 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 一、排版 1、标题 <body> <!--Bootstrap中的标题--> <h1>Bootstrap标题一</h1> <h2>Bootstrap标题二</h2> <h3>Bootstrap标题三</h3> <h4>Bootstrap标题四</h4> <h5>Bootstrap标题五</h5> <h 阅读全文
posted @ 2020-07-08 09:50 碧果果 阅读(247) 评论(0) 推荐(0) 编辑