小编Jac*_*man的帖子

敏感的Bootstrap Jumbotron背景图像

我正在使用bootstrap jumbotron,并包括背景图片.调整屏幕大小使图像平铺并重复,而我希望响应地调整图像大小.

<div class="jumbotron" style="background-image: url(http://www.californiafootgolfclub.com/static/img/footgolf-1.jpg); background-size: 100%;">
   <div class="container for-about">
   <h1>About</h1>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

您将如何使图像响应?该网站在这里.谢谢你的想法!

css css3 responsive-design twitter-bootstrap

36
推荐指数
6
解决办法
20万
查看次数

Bootstrap响应背景图像

如何使用bootstrap制作具有背景图像的div支架以适合访问者显示?图像具有固定的高度和宽度.如果屏幕较小则应调整大小以使x,y溢出.

css3 responsive-design twitter-bootstrap

18
推荐指数
1
解决办法
9万
查看次数

如何在Bootstrap 3.1中的图像上显示文本

我想添加显示在图像上的文本.

基本上,这是我的代码的样子:

<div class="ek-background">
<div class="row">
<section id="container">
    <div class="container col-sm-4 col-sm-offset-2">
    <div class="pull-right">
        <h1>TITLE HERE</h1>
            <h2>Let us build your preview for free</h2>
    </div>  
        <img src="img/img/flow-1.png" class="align-center img-responsive">
            <div class="col">
                <div class="col-sm-4">
                    <p>this is a test</p>
    </div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我无法在图像的拟议部分得到"这是一个测试".

我想使用bootstrap.min.css的参数来保持一致.此外,由于这将是一个响应式设计网站,我希望文本能够对图像做出响应,这样它就不会失去它的位置

如果有人可以帮忙,那会很棒:)

html css3 twitter-bootstrap

18
推荐指数
3
解决办法
9万
查看次数

TextAreaFor无法设置宽度

我无法在atextarea中设置宽度或列数.行/高度工作正常.请有人帮忙谢谢!

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.TextAreaFor(model => model.Comments, new {cols=60, rows=10})
    @Html.HiddenFor(model => model.UserName, new { UserName = @User.Identity })

    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Submit Feedback" class="btn btn-default" />
        </div>
    </div>
}
Run Code Online (Sandbox Code Playgroud)

任何建议或提示都会受到极大的批评!谢谢

呈现的HTML是(出于安全原因,我删除了名称和值文本:

<form action="/feedback/create" method="post"><input name="" type="hidden" value="">        
<textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
<input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">        

<div class="form-group">
        <div class="col-md-10">
            <input class="btn btn-default" type="submit" value="Submit Feedback">
        </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

编辑:

我可以通过CSS设置textarea的宽度,但只能设置为某个exten(可能是屏幕的15%)

razor twitter-bootstrap asp.net-mvc-5 twitter-bootstrap-3

18
推荐指数
4
解决办法
3万
查看次数

如何在AngularJS + Bootstrap中显示可折叠树

我正在构建一个Web应用程序,我需要使用列表显示树.我的基本结构如下:

* Node 1
    * Node 1.1
        * Node 1.1.1
            * Node 1.1.1.1
        * Node 1.1.2
    * Node 1.2
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/QffFm/1/

我试图在角度或引导程序中找到一些我可以使用的东西:

  • 在列表的第一个视图中,它被扩展到第三层.在我的小提琴中,我希望看到节点1,节点1.1,节点1.1.1,节点1.1.2和节点1.2(除第4层外的所有节点 - 节点1.1.1.1)
  • 单击列表样式图标(不是节点的单词名称)节点将折叠或展开
  • 理想情况下,我希望图标更改也取决于项目是否展开.如果下面有更多的右箭头,如果已经展开则向下箭头,如果没有孩子,可能是常规列表项

我是AngularJS的新手,也是Bootstrap的新手.我看到Angular有一个手风琴功能,似乎并没有完全处理我需要它的一切.

在我将大量逻辑编码到处理不同情况的Web应用程序之前,我会喜欢最好的方法.我认为这一定是一个常见的问题,所以也许有一些我可以利用的现成品.任何指导都将非常感谢.

HTML代码:

<div ng-app="myApp" ng-controller="controller">
    <my-directive></my-directive>
    <table style="width: 100%"><tbody><td>
        <tree items="tree"></tree>
    </td></tbody></table>
</div>
Run Code Online (Sandbox Code Playgroud)

角度代码:

var app = angular.module('myApp', []);

app.controller('controller', function ($scope){ 

    $scope.tree=[{"name":"Node 1","items":[{"name":"Node 1.1","items":[{"name":"Node 1.1.1","items":[{"name":"Node 1.1.1.1","items":[]}]},{"name":"Node 1.1.2","items":[]}]},{"name":"Node 1.2","items":[]}]}];

});
app.directive('tree', function() {
    return {
        template: '<ul><tree-node ng-repeat="item in items"></tree-node></ul>',
        restrict: 'E',
        replace: true,
        scope: {
            items: '=items',
        }
    };
});

app.directive('treeNode', function($compile) …
Run Code Online (Sandbox Code Playgroud)

javascript collapse twitter-bootstrap angularjs

13
推荐指数
1
解决办法
3万
查看次数

Bootstrap Admin-Dashboard Template - 如何使用或应用它?

我正在尝试使用Bootstrap设计一个站点,并遇到了管理员仪表板模板.由于Bootstrap不是CMS系统,我不明白它的目的以及应用这些主题的位置.

我需要一个真实的例子或解释.

以下是一些模板:https://wrapbootstrap.com/themes/admin

twitter-bootstrap

12
推荐指数
1
解决办法
3万
查看次数

Bootstrap 3.0.3 glyphicons在iOS 7上显示表情符号

我使用Bootstrap 3.0.3 glyphicons.在桌面浏览器和Android设备上都可以.我的问题是关于Apple设备(在运行iOS7的iPhone和iPad上测试过).

glyphicons看起来像表情符号.我发现了一些问题,但没有回答我的问题.

以下是查看屏幕截图的链接:http://www.fredericblancheton.fr/imgdisallow/image.png

谢谢您的帮助.

emoticons ios twitter-bootstrap glyphicons

12
推荐指数
1
解决办法
6620
查看次数

Objective-C异步http请求

我想创建一个异步http请求.从哪儿开始?你能给我一些很好的链接来开始吗?我想学习它.

iphone objective-c iphone-sdk-3.0

11
推荐指数
1
解决办法
9143
查看次数

我在哪里可以找到xuggler简单的教程?

我正在为我的国家的网页制作一个简单的消息传递应用程序.我试图学习JMF,但在我看来它太旧了,我只是不想用它.我搜索了stackoverflow,似乎xuggler是管理媒体的更好方法.有人可以给我一个免费电子书的链接或从什么开始?

谢谢

java xuggler

10
推荐指数
1
解决办法
9558
查看次数

我无法取消从一个分支到另一个分支的变化

我正在使用tfpt工具将货架从一个分支移动到另一个分支.我已经阅读了一些有关它的stackoverflow问题,但似乎都不适合我的问题.我正在运行这样的命令:

tfpt unshelve "my shelveset name" /migrate /source:source_brach /target:target_branch
Run Code Online (Sandbox Code Playgroud)

当我这样做时,我得到一个像这个例子的错误:

无法取消对filen_name_with_path的更改,因为服务器路径未映射到本地工作空间中

tfs unshelve tfs2012

10
推荐指数
2
解决办法
3633
查看次数