我已经使用Bootstrap 3了一段时间,现在我需要为水平移动设备制作一组新的额外小柱(例如384px屏幕宽度),然后使用它如下:
col-xxs-1,col-xxs-2,col-xxs-offset-5,hidden-xxs,等.
是否有一些Bootstrap Lessmixins用于此目的？我不确定如何使用它们
编辑:
有一个Bootstrap混合调用.make-grid(),但我不能使它工作.
我不是Bootstrap默认断点1200px的粉丝screen-lg.有什么方法可以让它成为lg断点发生在1800px或沿着这些线的东西？我不想修改原始的Bootstrap css代码,因为我正在使用bower,而且每次运行时bower update,我都会丢失我的更改.
我知道我应该能够覆盖Bootstrap的默认值,虽然使用grunt,bower和Sass,我不知道如何去做.这是<head>块:
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="bower_components/bootstrapvalidator/dist/css/bootstrapValidator.css" />
<link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="bower_components/card/lib/css/card.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/order-page.css">
<!-- endbuild -->
</head>