Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control. PrimarySecondarySuccessDangerWarningInfoLightDarkLink <buttontype="button"class="btn btn-primary">Primary</button><buttontype="button"class="btn btn-secondary">Se...
--Indicates caution should be taken with this action--><buttontype="button"class="btn btn-warning">Warning</button><!--Indicates a dangerous or potentially negative action--><buttontype="button"class="btn btn-danger">Danger</button><!--Deemphasize a button by making it look like a link ...
<!-- Link or button to toggle dropdown --> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</...
To keep URLs intact with link buttons, use the data-target attribute instead of href="#". Copy <div class="dropdown"> <a id="dLabel" data-target="#" href="http://example.com/" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown trigger <spa...
button("toggle").addClass("fat") 所有方法均可接受一个可选的参数对象、一个对此方法有特定意义的字符串或者什么也不传(即用默认参数初始化此插件): $("#myModal").modal() // initialized with defaults $("#myModal").modal({ keyboard: false }) // initialized with no keyboard $("#myModal")...
Build a toggleable off-canvas navigation menu for use with Bootstrap. 工具 Bootlint Bootlint是 Bootstrap 官方所支持的 HTML检测工具。在使用了 Bootstrap 的页面上(没有对 Bootstrap 做修改和扩展的情况下),它能自动检查某些常见的 HTML 错误。纯粹的 Bootstrap 组件需要固定的 DOM 结构。Bootlint 就能检测...
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 Bootstrap的栅格系统,由一个行(.row)和多个列构成。 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的网页布局中。具体的数据(文字、图片...
<button type="submit" class="btn btn-primary">Submit</button> </form> </div> <!-- 引入Bootstrap JS和依赖 --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js">...
为<a>、<button> 或<input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式。 Link Button Copy <a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" type="submit">Button</button> <input class="btn btn-default" type="button" value=...