查詢控制檯中當前視口大小中使用的列類別(xs sm md lg)是否有快速簡便的方法?查看Bootstrap 3中使用的當前列類別
1
A
回答
1
好的,我爲此寫了一個簡單的函數,似乎沒有原生的方式來做到這一點。
function bootstrapSize() {
switch(true) {
case window.innerWidth > 1200: return 'lg';
case window.innerWidth > 992: return 'md';
case window.innerWidth > 768: return 'sm';
default: return 'xs';
}
}
-1
你試過用hasClass()嗎?
0
沒有內置的方式從控制檯做到這一點,但你可能使用https://stackoverflow.com/a/22885503/65971描述創建您的代碼段從控制檯查詢此技術。
對於每個斷點,它會創建一個<div>
,例如<div class="visible-xs-block" />
,測試它是否可見。
相關問題
- 1. 查看javadocs中當前查看類的所有類?
- 2. 使用FPC啓用當前類別
- 3. 類別在CakePHP中查看
- 4. 獲取當前類別的父類別
- 5. Bootstrap 4列可以像Bootstrap 3一樣使用float類型嗎?
- 6. 如何查看SLURM中當前用戶的隊列
- 7. 列表通過類別查看
- 8. Woocommerce:顯示側欄中當前類別產品的列表
- 9. 查看joomla中的K2`v2.6.9`類別項目3.4.2前端
- 10. Bootstrap 3 typeahead.js,使用Bootstrap 2中的類似函數
- 11. 查看當前連接的LDAP用戶
- 12. 獲取prestashop中當前類別的category.tpl中的兄弟類別
- 13. 檢查當前類別是否屬於另一個類別
- 14. UIScroll查看iphone中的當前位置
- 15. 如何使當前查看的列表標題爲粗體
- 16. 如何在BQ中查看當前達到的使用配額?
- 17. 查看當前域名
- 18. 查看當前旋轉
- 19. 如何查看當前使用Chrome檢查器運行的JavaScript?
- 20. 無法在MongoDB中查看當前日期查看查詢
- 21. 僅查看當前用戶對象的列表,Django REST
- 22. 如何查看當前用戶的計劃任務列表
- 23. 在bootstrap 3.x中是否有相當於m-t-1類bootstrap 4.x的類?
- 24. 如何查看Android Studio中項目的當前依賴列表?
- 25. MySql查詢:從表中爲每個類別選擇前3行
- 26. 如何在bootstrap 3中使用bootstrap-theme.css?
- 27. magento中當前類別的count子類別
- 28. 計數當前用戶查看頁面
- 29. 我使用此代碼來查看用戶當前位置。當前位置
- 30. 如何使對象可以在rails中查看當前用戶