是否有一个引导类来处理所有col宽度?

时间:2018-04-26 15:10:10

标签: html css twitter-bootstrap twitter-bootstrap-3

我一直在使用引导网格系统构建动态HTML来处理桌面/移动宽度尺寸。

有没有办法在"父母"中组合css类?用于限制重复代码的类?

实施例, 变化:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"></div>

要:

<div class="all-column"></div>

.all-column类将所有类宽度组合成一个类?

2 个答案:

答案 0 :(得分:2)

你可以这样做:

bbTmp=$(mktemp "${TMPDIR:-/tmp}/bbPp.XXXXXX")
export bbTmp # to be available to sh -c

filter "$ENVI" "$2" running | dns_ | xargs  -L1 --max-args=1 -I{} --no-run-if-empty \
  sh -c 'curl --fail http://{}/... | tee "$bbTmp" | json_pp 2>/dev/null || cat "$bbTmp"'

这将自动处理其他类col-lg-6 col-md-6 col-sm-6

答案 1 :(得分:1)

,你不能从CSS中的另一个类继承,但你可以在像SASS这样的CSS预处理器中。

但是,对每个断点使用相同的col是不必要的:

api_urls = [ path('users/', include('users.urls')), path('products/', include('products.urls.producturls')), path('categories/', include('products.urls.categoryurls')) ] urlpatterns = [ path('admin/', admin.site.urls), path('api/', include(api_urls)) ]

因为,这是相同的事物:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"></div>

阅读how the Bootstrap grid classes work