将Bootstrap与itscss结合使用

将Bootstrap与itscss结合使用,css,twitter-bootstrap,bem,Css,Twitter Bootstrap,Bem,看过BEM命名惯例 我真的很想在这些方法中使用引导sass 是否可以扩展引导以使用BEM样式的类名 .block {} .block__element {} .block--modifier {} 例如,我将如何使用边界元法命名一个典型的引导导航 <header className="container-fluid"> <nav className="navbar navbar-default navbar-static-top">

看过BEM命名惯例

我真的很想在这些方法中使用引导sass

是否可以扩展引导以使用BEM样式的类名

.block {}
.block__element {}
.block--modifier {}
例如,我将如何使用边界元法命名一个典型的引导导航

       <header className="container-fluid">
            <nav className="navbar navbar-default navbar-static-top">
                <div className="container">
                    <div className="navbar-header">
                        <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                                aria-expanded="false" aria-controls="navbar">
                            <span className="sr-only">Toggle navigation</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>

切换导航

涉及哪些内容以及我应该如何进行?

是的,您完全可以使用本文中演示的-“”

一般的想法是,您可以将引导类的CSS属性应用于您自己的类。例如,您自己的导航块(.my navigation)可以获得.navbar的所有CSS样式:

。我的导航{
@扩展导航栏;
}