如何将css作为内联样式添加到外部样式表的div中

Question

我正在使用twitter bootstrap来设计html页面。还有一些自定义类。这是代码。

<div class="row row-padded section-header">
    <div class="col-md-2"></div>
        <div class="col-md-10 text-right">Sizes</div>
    </div>

    <div class="row row-padded">
        <div class="col-md-10 text-right">Title</div>
            <div class="col-md-2">
                <input type="text" class="form-control small-input-box" id="title" value="14" />
            </div>
        </div> 
    </div>

此代码的HTML视图正常。我想为此视图创建一个片段。这样任何人都可以将其添加到他们的网站并感受引导程序的样式。我只想提供内联css。

单击一个按钮后，它将转到每个div和相应的类，对于每个类，它将从bootstrap.min.css，我的custom.css文件中获取所有样式，并将该div中的那些作为内联样式插入。有没有办法用javascript或jquery做到这一点？