<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title></title> <link href="css/bootstrap.min.css" rel="stylesheet"> <style> .a{ height: 50px; width: 200px; border: 1px solid #ccc; background-color: #eee; } </style> </head> <body style="margin: 50px;"> <!-- <p class="text-muted">阅谁问君诵,水落清香浮</p> <p class="text-success">阅谁问君诵,水落清香浮</p> <p class="text-danger">阅谁问君诵,水落清香浮</p> <p class="bg-info">阅谁问君诵,水落清香浮</p> <p class="bg-success">阅谁问君诵,水落清香浮</p> <p class="bg-danger">阅谁问君诵,水落清香浮</p> <button class="close">×</button> <span class="caret"></span> --> <!-- <div class="pull-left a">左边</div> <div class="pull-right a">右边</div> <div class="center-block a">居中</div> --> <!-- <div class="pull-left a">左边</div> <div class="clearfix"></div> <div class="a">右边</div> --> <!-- <div class="show">显示</div> <div class="hidden">隐藏</div> --> <div class="visible-xs-inline a">超小屏激活显示</div> <div class="hidden-xs a">超小屏激活隐藏</div> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
效果图:
相关推荐
《响应式网页开发实战》教学教案—第14章 Bootstrap样式.pdf《响应式网页开发实战》教学教案—第14章 Bootstrap样式.pdf《响应式网页开发实战》教学教案—第14章 Bootstrap样式.pdf《响应式网页开发实战》教学教案—...
《响应式网页开发实战》教学教案—第15章 Bootstrap组件.pdf《响应式网页开发实战》教学教案—第15章 Bootstrap组件.pdf《响应式网页开发实战》教学教案—第15章 Bootstrap组件.pdf《响应式网页开发实战》教学教案—...
全套Bootstrap视频教程,Web前端响应式开发项目实战视频教程带源码 包括:Bootstrap安装 前后端响应式布局 响应式布局,网络系统 响应式导航,嵌套布局 媒体查询 流动布局 常用组件 项目实战 包括:Bootstrap安装 ...
bootstrap响应式后台模板bootstrap响应式后台模板bootstrap响应式后台模板bootstrap响应式后台模板bootstrap响应式后台模板bootstrap响应式后台模板
bootstrap 响应式实用工具 Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。 需要谨慎使用这些工具,避免在同一个...
Bootstrap响应式布局
Bootstrap手机响应式下拉框
Bootstrap响应式注册登录界面模板基于Bootstrap4.2.1制作,自适应分辨率,兼容PC端和移动端,有注册、登录两个页面模板。
bootstrap 响应式网页demo bootstrap 响应式网页demo源码 一共四个demo,可供参考
简洁响应式Bootstrap后台管理系统模板
Bootstrap响应式模态登录框插件,jQuery基于Bootstrap制作的一款响应式模态登录框插件,点击遮罩弹出登录窗口代码。
Bootstrap 3 综合实战项目教程,Web前端响应式开发项目实战视频教程带源码资源Bootstrap 3 综合实战项目教程,Web前端响应式开发项目实战视频教程带源码资源Bootstrap 3 综合实战项目教程,Web前端响应式开发项目...
bootstrap实现响应式登录页面
手机组装工厂响应式bootstrap模板 开放式图书馆展览bootstrap模板 灯饰LED生产商外贸响应式网站模板 五星级度假酒店企业官网网站模板 极品后台UI框架响应式前端模板下载
非常漂亮!!! 基于bootstrap响应式聊天软件Html页面 页面非常漂亮,可以用于制作个人聊天软件
截止2017年10月本人收集的bootstrap模板 响应式,还有很多只是限制了文件大小不传不上来
bootstrap后台响应式模板
响应式开发工具bootstrap
基于Vue.js和Bootstrap构建和响应式管理面板