一. 简介 Bootstrap基于HTML,CSS,JAVASCRIPT的前端框架，预定义一套CSS样式和对应的jquery代码，最大的特点是采用响应式布局(兼容多个终端)，是因为他采用了媒体查询（css3 Media …

有时候，你想要把内容放到一个看起来还漂亮的盒子里面，那么就可以考虑panel。panel就是一个可以选择不同的边线样式、还可以有header和footer的盒子。这样一个有头有脚的组件，代码看起来是这样的： <di…

标签ul是非常实用的，因为它： 可以在语义上表达一个列表 列表是可以嵌套的 比如这样的例子代码： <ul > <li>Item1</li> <li>Item2 <ul…

经过逐个查找，是几个最常见的标签产生了冲突，删除即可。列出如下： body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size…

jqBootstrapValidation （版本1.3.7）是一个为Bootstrap增加表单验证功能的插件，本来想用在项目中，结果试了一下不管用。看了看源码才明白这个插件是针对Bootstrap2.x开发的，而我用的…

bootstrap提供了一个carousel（旋转木马）组件，我们称之为轮播。它可以轮播图片和文字，常常用来展示网站的关键信息。如下就是一个carousel： [carousel demo](https://jsfidd…

使用bootstrap的popover，trigger设置为hover时，可以实现当鼠标放置到目标元素上时显示popover，可是无法实现当鼠标移动到popover上时不隐藏popover，在网上找了下只找到一篇文章（链…

.container(布局容器) 屏幕宽1200px以上（col-lg） 1. 默认width为1170px 2. padding,lefet和right各为15px,所以内容width为1140px; 屏幕宽992px…

原文链接：https://blog.csdn.net/wild46c…想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。1、引入jquery2、引入bootstrap 阅读本文前，应该能…

Boostrap清除浮动的css如下： .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clea…

使用bootstrap内置类可以把图片套圆角、套圆、套白边： <img src="http://placehold.it/125x125" class="img-rounded" > <img src=…

安装插件 npm install jquery --save npm install bootstrap --save npm install popper.js --save 如果cli版本小于v3： 配置webpac…