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

我正在使用twitter引导来设计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、my custom.css文件中获得所有样式，并将这些样式作为内联样式插入该div中。使用javascript或jquery有什么方法可以做到这一点吗？

将css存储为字符串变量，这应该是最简单的方法。向每个元素中注入97kb的精简css可能是个坏主意：）为什么不注入

.row.row padded.section header{@import bootstrap.min.css；}

？