我使用twitter bootstrap设计了一个包含一些内容的div.现在,我想生成此页面的片段,以便其他用户可以将此代码段复制粘贴到其页面中.但问题是,并不能保证所有这些都会使用bootstrap,所以这个代码片段在非引导站点中不起作用.
我也添加了一些自定义css类.我可以使用样式标记将这些样式添加到代码段中.如果我想以相同的方式添加bootstrap样式,那将是巨大的.
可以使用bootstrap CDN用于特定的div吗?这样引导样式不会影响该页面的其他部分.或者还有其他方法吗?
这是片段:
<div id="login-form">
<div class="row row-padded">
<div class="col-md-7">
<form role="form">
<div id="title" class="section-header login-form-label">Login</div>
<div class="form-group">
<label for="exampleInputEmail1" class="login-form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1" class="login-form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<button type="button" class="btn btn-primary" id="primary-button-text">Primary</button>
<div><a href="#" class="">Forgot password?</a></div>
<div><a href="#" class="" id="register-link-text">New here? Create an Account</a></div>
</form>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 使用来自http://www.addthis.com/的默认代码和Twitter的Bootstrap 3时,计数器的右边框丢失了:
